- 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 some AI assistant tools have been further 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's better to summarize a website for easier reference when needed. The article includes many types of websites, covering technical learning, practical tools, design materials, and more. Some of the websites are sourced from this article (the original text is no longer available), while others come 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 functions. It's the first site that comes to mind when I need a specific function.
⭐Online Tools: https://tool.lu/
Initially used for a download link conversion tool, which converts download tool links 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's a PDF converter, it also has OCR, voice recognition, paper plagiarism checking, and other functions besides PDF features.
docsmall: https://docsmall.com/
I mainly use it for image compression, suitable for scenarios where cover images are required to be under 200KB in size.
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. Alibaba Cloud Academy also has some 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 started charging now. Although the technology is very new, the course fees are also quite high, but there are some free courses available to listen to.
Khan Academy: https://www.khanacademy.org/
Originally 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 covered, I found the finance courses easy to understand with Chinese subtitles after listening to two sessions. If your English level 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, computer, accounting, graphic design, etc. There are both free and paid courses, and the 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 relevant models, returning highly accurate results. The daily free fish feathers are enough to support Q&A usage.
⭐iFlytek Spark: https://xinghuo.xfyun.cn
Has many types of AI assistants and allows users to create their own AI assistants, but there are some gaps in accuracy.
Git#
⭐Easy Guide to Git: https://www.bootcss.com/p/git-guide/
The website is Bootstrap Chinese Network, mainly covering Bootstrap and some front-end content. This Git tutorial is very clear and step-by-step, highly recommended for bookmarking.
Git Tutorial - Liao Xuefeng's Official Website: https://www.liaoxuefeng.com/wiki/896043488029600
Also a very detailed Git tutorial, accompanied by specific operation processes for various platforms, and even video teaching.
Documentation#
⭐Markdown Syntax Tutorial: https://markdown.com.cn/
A very comprehensive Chinese document on Markdown, supporting 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 exports 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 translations.
JSON Tools: https://www.json.cn/
Not only provides online parsing and formatting verification for JSON 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#
BookStack: https://www.bookstack.cn/
An open-source book and document sharing website for 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’s no need to worry about copyright issues.
⭐Zhiyu Materials: https://sucai.zhiyu.art/
Materials come with relevant licenses 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 options, with corresponding hexadecimal color values for each color.
⭐Foundertype Font Library: 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 should 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 are 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 (although I prefer right-clicking Google image search).
Online Design Tools#
⭐Waifu2X: https://waifu2x.booru.pics/
Provides lossless image enlargement and noise reduction functions using deep learning technology.
⭐ThemeBeta: https://www.themebeta.com/
A website that provides a maker for Chrome themes and Windows themes, where users can 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 the current hosting service for this site's media resources. 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’s no need to worry about browser warnings regarding insecure http elements when retrieving images.
Aggregate Image Hosting: https://www.superbed.cn/
A multi-distributed image hosting service where free users can upload 10,000 images, with a size limit of 5MB per image and an average daily request volume 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 services, which provide very clear and concise results. They also offer other services like DNS and domain queries, but DNS record information cannot be queried without logging in.
⭐Google Admin Toolbox: https://toolbox.googleapps.com/apps/main/
A minimalist website, where the most used feature is Dig, which checks DNS records and can promptly find domain TXT records, MX records, etc., requiring access to Google services.
Webmaster Tools: http://tool.chinaz.com/
Personally, I don't really like using it 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, useful when using virtual hosting and other services that require https support.
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 visit data, detailed down to devices, pages, visitor geographical 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 the exposure and visit data from search engines, 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.