个人博客网站建设工具

博客框架

202X年了，应该极少有人从0开始搭建网站了吧。一个优秀的博客框架，可以帮助你快速、高效的搭建个人网站，让你事半功倍。

Halo

Halo是一个基于Java的开源博客系统，它使用了Spring Boot、Freemarker、MySql、JPA、Lombok、Swagger2等技术栈。Halo的设计理念是现代、简洁和高效，采用可插拔架构，功能模块之间耦合度低、灵活性提高。支持用户按需安装、卸载插件，操作便捷。同时提供插件开发接口以确保较高扩展性和可维护性。

它提供了丰富的插件和主题支持，允许用户轻松定制博客界面和功能。

Hexo

Hexo是一个快速、简洁且强大的静态站点生成器，它基于Node.js。Hexo将Markdown格式的文本转换为HTML页面，并生成完整的静态网站，这使得部署和维护变得简单。它支持多种主题和插件，可以高度定制化。

WordPress

WordPress是世界上最流行的博客和内容管理系统（CMS）。它基于PHP和MySQL，提供了一个易于使用的编辑界面和丰富的插件生态系统，使得用户可以构建复杂的网站而无需深入的编程知识。WordPress既适合个人博客，也适合大型企业网站。

Jekyll

Jekyll是一个静态站点生成器，最初由GitHub创始人Tom Preston-Werner创建。它将Markdown和HTML文件转换为静态网站，非常适合创建个人博客和项目页面。Jekyll是GitHub Pages的默认生成器，因此非常适用于托管在GitHub上的项目。

Hugo

Hugo是一个超快的静态网站生成器，它使用Go语言编写。Hugo的特点是生成速度快，即使在大型项目中也能迅速完成构建。它支持多种主题，提供了强大的短代码系统和模板引擎，可以用来构建复杂的功能。

VuePress

VuePress是一个基于Vue.js的静态站点生成器，特别适合创建技术文档。它提供了实时预览功能和一个简洁的编辑界面，使得编写文档变得直观和高效。VuePress支持Markdown语法，可以轻松地集成Vue组件。

🍠 每个框架都有其独特的优势和适用场景，选择哪一个取决于你的技术栈、需求和偏好。

高清图片

高质量的图片经常会被用于博客网站的开屏背景、文章封面、博文配图等等。下面几个网站提供了高质量、高清、免费可商用的图片。

随机图片API 随机图片API可以让用户每次访问，网页的开屏图片或者文章封面，都显示不同的随机图片。下面是几个提供随机图片的网站。

tuapi.eees.cc/ - 自适应随机图片API - 支持HTTPS协议|随机动漫API|随机美女API|随机必应壁纸API|随机风景API
IMGAPI-图片API - 网站提供了不同类型的随机图片API接口，可以设置随机图片的分类、分辨率、调用类型等。
img.xjh.me/random_img....] - 岁月小筑随机图片API接口-随机背景图片-随机图片API
api.dujin.org/bing/1366.p... - 提供Bing必应图片，还支持其他分辨率以及移动端（1920.php、m.php）。
随机图片API - 独鼠小屋 (singlemouse.cn)

图标与徽章

Badge

看看下方这个长条状的彩色图片，它就是badge, 在github开源项目的ReadMe文档或者产品的详情页里，经常会看到它。它有助于生动、快速的告诉其他人关于项目的关键信息。

Shields.io -- Original home of the badges, launched in 2014. 配合下面的 Simple Icons 可以简单快速的生成丰富多样的个性化SVG格式的badge。
Badgen.net -- Fast badge generating service launched in 2018.
NodeICO -- Large-format status badges for Node.js projects -- which were once very popular!
PlayBadges -- Show off your Play Store™ app's downloads and ratings in your repo
Badgie -- Scans the contents of your repository and adds badges based on what it finds.
Badges -- Node.js/Deno/Browser npm package for rendering the HTML of various badges
Projectz -- Render Badges into your README based on your package.json configuration

Icon

iconfont - 阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
Simple Icons -- Home of the bulk of the icons used by both Shields and Badgen.
Custom Icon Badges -- Allows users to more easily use Octicons and their own icons and logos on shields.io badges.
Simple Badges -- Website for finding and previewing Simple Icons on shields.io badges.
icons-8 - 超过1万个图标，所以，无论用于哪种设计作品，您都可以找到风格统一的图标。

UI设计

色彩

中国传统颜色🇨🇳

页面设计

Collect UI 每日更新页面UI设计，针对网页中各种不同类型页面：如登录页、注册页、404页面、用户主页、音乐播放页、付款成功页等等，均提供了海量的精彩、新颖的UI设计。你可以结合自己的网站内容和特点，从该网站中获取灵感。
即时设计可云端编辑的专业级 UI 设计工具，为中国设计师量身打造 Windows 也能用的「协作版 Sketch」。支持网页端、MacOS、Windows、Linux、iOS、Android 和微信小程序。

Markdown

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，Markdown文件的后缀名便是 .md 。

教程

编辑器

Typora 适用平台 ：MacOS、Windows、Linux 简洁优雅功能丰富的Markdown编辑器神器，饱受暂予。不过新版本开始收费了，你可以在网上找到typora最后一个免费版本。
MarkText 适用平台 ：MacOS、Windows、Linux 一个简单而优雅的开源降价编辑器，专注于速度和可用性。项目github地址：marktext/marktext: 📝 。 Mark Text一款基于 MIT 协议开源的 Markdown 编辑器，支持 WYSIWYG（所见即所得）的编辑方式，它专注于速度和可用性。Mark Text是具有各种markdown扩展名的markdown实时预览编辑器。
Notable 适用平台 ：MacOS、Windows、Linux Notable是基于 GitHub Flavored Markdown (GFM)编写的，相比于标准Markdown语法，GFM语法新增了URL自动链接，代码块，语法高亮，删除线，表格，锚点，HTML等功能，也就是说这些基本功能Notable都是支持的。
MacDown 适用平台 ：macOS 开源且免费的MacOS上的markdown编辑器。