博客网站规划 当前博客网站使用typecho框架搭建。 基本信息 增加备案信息（2023-04-12） 增加《关于》页面：简要介绍作者和网站（2023-04-16） 前台界面 增加指定分类首页排除功能 Wordpress实现（2023-04-13） typecho待实现 文章页优化：修改引用显示样式，修改1～3级无序列表显示样式 Wordpress实现（2023-05-15） 代码高亮显示（2023-05-17） 文章页优化：作者介绍、文章分享、版权信息等（2023-05-17） 增加网站明亮/暗黑模式切换按钮（2023-05-17） 其它 绑定手机小程序

博客搭建框架介绍 经过近两周的折腾，初步搭建了当前的博客网站，这期间调研了不少博客网站搭建的文章和教程，这里简要介绍下各个框架的特点，以便需要的人参考。 博客网站框架 最近主要接触了以下几种博客框架： 序号 名称 官网 特点 主题库 1 Hexo https://hexo.io/zh-cn/ 无后台，配置简单，功能简单 大量免费开源的主题 2 Halo https://halo.run/ 有后台，配置简单，正在发展中 相对较少，但未来可期 3 typecho https://typecho.org/ 有后台，配置简单，仅适合博客 大量免费开源的主题 4 Wordpress https://cn.wordpress.org/ 有后台，配置复杂，功能强大 大量免费以及付费的主题 博客框架推荐 以下仅为个人观点。 博客框架的选择需要考虑自身需求和各种成本问题，这里主要基于以下几点进行分析： 网站功能： Hexo：纯静态网站，没有后台操作界面，即无法在线编辑，只能本地写好文章后，使用命令上传至GitHub或服务器。安装插件可实现文章评论功能，不支持用户注册。 Halo：有后台操作界面，支持markdown语法。支持评论、用户注册。 typecho：有后台操作界面，支持markdown语法，仅支持作为博客网站。支持评论、用户注册。 Wordpress：有后台操作界面，安装插件后支持markdown语法，拥有众多强大的功能。支持评论、用户注册。 网站美观： Hexo：有不少好看的主题且免费开源 Halo：主题库相对较少，尤其是更新后的2.0版本 typecho：主题库丰富，众多免费主题可供挑选 Wordpress：主题库丰富，免费版、付费版均有 搭建网站的时间成本： Hexo：很小，根据教程十几分钟即可在GitHub上搭建好。但评论等功能的添加需要额外花费时间。 Halo/typecho：云服务搭建半天左右，域名备案一周左右。 Wordpress：云服务器和域名配置同上。找到适合的主题比较花时间。 网站搭建的金钱投入： Hexo：使用GitHub Pages，可以零成本。购买域名，一年几块到几十块不等。 Halo/typecho/Wordpress：必须购买服务器和域名。新手优惠至少一百多每年，老用户至少六百多每年。 后期维护及优化 Hexo：一劳永逸，后期几乎不需要维护和优化。 Halo/typecho：暂不清楚。 Wordpress：随着内容的增多，需要进行额外的维护和优化。 综上所述，如果想完全白嫖，使用Hexo+GitHub Pages；如果购买了云服务器和域名，又不想投入太多精力在网站搭建上，建议使用Halo或typecho；如果比较想折腾或者完美主义者，直接Wordpress。

Hexo-themes-butterfly主题的安装及配置 官方配置教程：Butterfly 安裝文檔(一) 快速開始 安装 进入Hexo博客根目录 下载主题 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 启用主题，将根目录_config.yml文件主题部分设置为butterfly theme: butterfly 安装插件 npm install hexo-renderer-pug hexo-renderer-stylus --save 将themes/butterfly/_config.yml文件复制到在Hexo博客根目录并改名为_config.butterfly.yml cp themes/butterfly/_config.yml _config.butterfly.yml 配置 详情参考官方教程，需要注意有些功能要安装额外的插件。 Math数学 启用KaTex时，需要卸载和安装以下插件 npm un hexo-renderer-marked --save # 如果有安裝這個的話，卸載 npm un hexo-renderer-kramed --save # 如果有安裝這個的話，卸載 npm i hexo-renderer-markdown-it --save # 需要安裝這個渲染插件 npm install katex @renbaoshuo/markdown-it-katex #需要安裝這個katex插件 在Hexo根目录的_config.yml中配置如下信息 markdown: plugins: - '@renbaoshuo/markdown-it-katex' 字数统计 进入Hexo根目录，安装以下插件 npm install hexo-wordcount --save 修改主题配置文件 wordcount: enable: true post_wordcount: true min2read: true total_wordcount: true

使用Hexo搭建博客 1 准备阶段 安装node.js 下载地址：https://nodejs.org/en 查看版本：node -v以及npm -v 国内安装cnpm，使用淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org 安装hexo框架 cnpm install -g hexo-cli 2 初始化博客并测试 打开终端，在当前文件夹新建myblogs文件夹用于存储博客所有相关内容 mkdir myblogs 进入myblogs文件夹，之后所有的操作都在该文件下进行 cd myblogs 初始化博客 hexo init 生成博客静态网页文件 hexo g 启动本地博客进行测试，启动后本地访问地址http://localhost:4000/，使用Ctrl+C终止 hexo s 3 新建博客文档 新建博客文档，将"blog name"替换为需要的博客名称 hexo n "blog name" 在source/_posts文件夹下出现以"blog name"命名的.md文件，使用Vim等修改博客内容，博客使用Markdown语法书写 重新生成静态网页文件 hexo g 4 更换主题 可在主题界面挑选喜欢的主题类型，所有主题更换方式类似，此处以yilia主题为例。首先下载主题 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 修改_config.yml文件中theme内容为yilia，默认内容为landscape 变更主题后，生成博客前需要先清除缓存 hexo clean 重新生成 hexo g 5 部署至GitHub 5.1 安装插件 在myblogs文件夹安装git部署插件 cnpm install --save hexo-deployer-git 5.2 添加SSH密钥 生成SSH密钥，其中"your_email@example.com"为你的GitHub账号电子邮件地址 ssh-keygen -t rsa -b 4096 -C "your_email@example.com" 复制刚生成的.ssh/id_rsa.pub文件中的所用内容，进入GitHub设置界面->SSH and GPG keys -> New SSH key，将复制的内容粘贴进去，Title任意 输入下面第一行代码，若提示第二行的内容，则表示配置成功 ssh -T git@github.com Hi YourGitHubName! You've successfully authenticated, but GitHub does not provide shell access. 5.3 配置部署信息 在GitHub创建一个仓库名为"YourGitHubName.github.io"，其中YourGitHubName为GitHub的账号名 配置_config.yml文件，该文件在当前文件夹下，将Deployment内容修改成如下形式，注意将YourGitHubName替换为GitHub的账号名 # Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy: type: git repo: git@github.com:YourGitHubName/YourGitHubName.github.io.git branch: master 将博客部署至GitHub仓库 hexo d 5.4 添加域名 前往阿里云等网站注册一个域名，如xxx.cn 修改_config.yml文件中url内容为https://xxx.cn 在source/文件夹下创建没有后缀的CNAME文件，写入xxx.cn 前往GitHub仓库，找到Settings -> Pages -> Custom domain，填入xxx.cn 前往域名注册网站，进入域名控制台，选择刚购买的域名，点击解析进入解析界面，增加两条如下 点击添加记录，记录类型选择CNAME，记录值填写YourGitHubName.github.io.git，点击确认 点击添加记录，记录类型选择CNAME，主机记录填写www，记录值填写YourGitHubName.github.io.git，点击确认 至此，域名添加完成