- Updated on 2023.9.11: Due to various reasons (such as some websites ceasing service due to copyright infringement, resulting in broken links), the website list has been updated, and further AI assistant tools have been added to keep up with the times.
Preface#
The reason for writing this article is that I initially wanted to write some learning notes on Markdown and Git, but I found that my content was insignificant compared to some websites. It would be better to summarize a website for easier reference when needed. The article includes many types of websites, covering technical learning, practical tools, design materials, etc. Some of the websites are sourced from this article (the original article is no longer available), while others are from my own discoveries and recommendations.
Tool Collection#
⭐Mikutools: https://tools.miku.ac/
A website that has numerous categories, each containing a variety of online tools with different functionalities, making it the first site to consider when needing a specific function.
⭐Online Tools: https://tool.lu/
Initially used for a download link conversion tool, which converts download tool addresses into real addresses. Other tools are also very user-friendly, and the website interface is very clean.
Xunjie PDF Converter: https://app.xunjiepdf.com/
Although it is a PDF converter, it also offers OCR, voice recognition, paper plagiarism checking, and other functions.
docsmall: https://docsmall.com/
I mainly use it for image compression, suitable for scenarios where cover images are required to be under 200KB.
Technical Learning#
General#
⭐Rookie Tutorial: https://www.runoob.com/
Comprehensive tutorials on front-end, back-end, mobile, databases, development tools, etc. Each tutorial explains knowledge points with examples, and there are many online tools, user notes, Chinese manuals, quizzes, etc., making it very comprehensive and highly recommended.
Alibaba Cloud University: https://edu.aliyun.com/
I initially learned Python on Alibaba Cloud, where the courses are divided into sections and have areas for note-taking. The course quality is relatively high. Additionally, Alibaba Cloud Academy offers self-assessments and learning paths to test one's grasp of knowledge points.
Udacity: https://www.udacity.com/
A website recommended by Google when I was learning Kotlin. At that time, the Kotlin course was free, but it has since started charging. Although the technology is very new, the course fees are also high, but there are some free courses available to check out.
Khan Academy: https://www.khanacademy.org/
Initially recommended to me by my college English teacher, who said the course quality is high and easy to understand. I highly recommend checking it out. It has now updated its content in Simplified Chinese, although not all courses are included. However, I found that the finance courses were easy to understand with Chinese subtitles. If your English is good, you can find more courses in the English interface.
I Want to Self-Learn: https://www.51zxw.net/
Offers technical learning courses covering fields such as office work, computers, accounting, graphic design, etc. There are both free and paid courses, and the course quality is quite good.
AI Assistant#
Compared to Bing AI or ChatGPT, domestic AI assistants still have some gaps in accuracy. The following websites are relatively useful:
⭐Yucongming: https://www.yucongming.com
Developed based on Wenxin Yiyan, it has many roles and optimizes related models, providing highly accurate results. The daily free fish feathers are sufficient for Q&A use.
⭐iFlytek Spark: https://xinghuo.xfyun.cn
Offers various types of AI assistants and allows users to create their own AI assistants, though there are some accuracy gaps.
Git#
⭐Easy Guide to Git: https://www.bootcss.com/p/git-guide/
This website is Bootstrap Chinese Network, mainly covering Bootstrap and some front-end content. This Git tutorial is very clear and progressive, highly recommended for bookmarking.
Git Tutorial - Liao Xuefeng's Official Website: https://www.liaoxuefeng.com/wiki/896043488029600
Another very detailed Git tutorial, accompanied by specific operating procedures for various platforms, and even video teaching.
Documentation#
⭐Markdown Syntax Tutorial: https://markdown.com.cn/
A very comprehensive Chinese Markdown document that supports quick reference and learning, with an online editor for practice.
⭐draw.io: https://www.drawio.com/
An online drawing tool that can create flowcharts, mind maps, etc., providing free services, with an open-source offline client that allows for unrestricted export in various formats.
Web Development#
★JSFiddle: https://jsfiddle.net/
A free and powerful online editor for HTML, CSS, and JavaScript, displaying real-time running results, highly recommended.
MDN Web Docs: https://developer.mozilla.org/zh-CN/
Web development documentation provided by Mozilla, with official Chinese translation.
JSON Tools: https://www.json.cn/
Not only provides online JSON parsing and formatting validation but also offers various quirky tools.
Foreign Languages#
Memrise: https://app.memrise.com/
A foreign language learning platform recommended by foreign teachers, using a gradual word memorization model.
Resource Search#
Book Stack: https://www.bookstack.cn/
An open-source book and document sharing website focused on the computer field, with comprehensive documentation, highly recommended.
Gufen Academic: https://gfsoso.99lb.net/
Provides search results for Google Scholar, sci-hub, CNKI search, patent queries, etc.
Design#
Design Materials#
⭐Pixabay: https://pixabay.com/zh/
Contains many copyright-free images for commercial use, so there is no need to worry about copyright disputes.
⭐Zhiyu Materials: https://sucai.zhiyu.art/
Materials come with relevant authorization letters and include blockchain proof, with a rich variety of materials to avoid many usage risks.
⭐Color Hunt: https://colorhunt.co/
A website that provides various color schemes, including the latest, most popular, and most fashionable selections, with corresponding hexadecimal color values for each color.
⭐Founder Type: https://www.foundertype.com/
Probably the most used font website, many fonts are free for personal non-commercial use, and there are many types of fonts available. Eight basic fonts can be used commercially for free, but specific font licensing details need to be noted.
Alibaba Vector Icon Library: https://www.iconfont.cn/
A comprehensive collection of icons that can be directly exported as SVG data for use in HTML, very convenient. However, be cautious about commercial licensing issues.
★Youpin PPT: https://www.ypppt.com/
A heartfelt free PPT template download website!
★Aigei: https://www.aigei.com/
All materials can be downloaded for free, and it is one of my frequently used material websites.
★LookAE: https://www.lookae.com/
Many plugins and materials used for video production are downloaded from here, although using Chengtong Cloud Disk can be a bit slow.
SauceNAO: https://saucenao.com/
An online image recognition tool (though I prefer using Google image search with right-click).
Online Design Tools#
⭐Waifu2X: https://waifu2x.booru.pics/
Offers lossless image enlargement and noise reduction using deep learning technology.
⭐ThemeBeta: https://www.themebeta.com/
A website that provides a maker for Chrome and Windows themes, where users can also publish their created themes for others to browse and download.
Canva: https://www.canva.cn/
A website that provides online image stitching, poster design, and other functions.
Pixir Online Image Editor: https://pixlr.com/cn/editor/
An online image editor that can open almost any image format, such as PSD (Photoshop), PXD, Jpeg, PNG (transparent), WebP, SVG, etc., with many powerful tools for image editing.
Online ICO Converter: https://www.icoconverter.com/
An online tool for converting images to ICO files.
Websites#
Image Hosting#
⭐DogeCloud: https://www.dogecloud.com/
A cloud service provider focusing on CDN and cloud storage, and is currently the service provider for the media resources hosted on this site. Each user has 20GB of free storage and 20GB of free domestic traffic, which is more than enough for image hosting and storing some files. Most importantly, DogeCloud's default domain supports https, so even without a personal domain, there is no need to worry about browser warnings regarding unsafe http elements when retrieving images.
Aggregate Image Hosting: https://www.superbed.cn/
A multi-location distributed image hosting service, free users can upload 10,000 images, with a size limit of 5MB per image and an average daily request limit of 10,000 times, which is sufficient for low-traffic websites.
Website Building and Management Tools#
⭐Hitokoto: https://hitokoto.cn/
Provides an API to insert a "sentence" from Hitokoto into a webpage. Sometimes, Hitokoto's sentences are very classic and memorable.
⭐IPIP.NET: https://www.ipip.net/
I have been using their IP query and ping query, which provide very concise results. They also offer other services like DNS and domain queries, but DNS record information cannot be queried, and currently requires login to use.
⭐Google Admin Toolbox: https://toolbox.googleapps.com/apps/main/
A minimalist website, the most used feature is Dig, which checks DNS records, allowing timely access to domain TXT records, MX records, etc., but requires access to Google services.
Webmaster Tools: http://tool.chinaz.com/
Personally, I don't like using it much, unless I can't find alternatives for some functions. Although the data is very intuitive and visual, the page is too flashy and not visually appealing. (Updated on 2022.2.17, the revamped page is much simpler, in a sense, "usable.")
FreeSSL: https://freessl.cn/
A free SSL certificate generation tool, used when services like virtual hosting need to support https.
Child Theme Generator: https://childtheme-generator.com/
A WordPress child theme generation tool.
Website Data Analysis#
⭐Google Analytics: https://analytics.google.com/
A platform that provides website access data, detailing devices, pages, visitor geographic locations, etc.
⭐Google Search Console: https://search.google.com/search-console
Unlike Google Analytics, Search Console focuses on analyzing and displaying data on how websites are indexed by search engines and their exposure and access data, as well as troubleshooting website issues and providing suggestions.
⭐Bing Webmaster Tools: https://www.bing.com/webmasters
Similar to Google Search Console, submit your site to Bing, and Bing will crawl the site and provide analysis results.