Hexo | System Blog

一、Hexo本地安装

二、提交到Github仓库

三、最轻便，最美主题安装，以及优质主题推荐

四、在Vercel容器安装Hexo，添加自定义域名

五、博客内容修改，修改菜单内容，页面内容，文章添加，插件安装，SEO，CDN加速加载页面

六、Markdown 语法

第一部分

1、安装环境node.js

安装时注意添加路径

https://nodejs.org/en/

2、安装git bash

https://git-scm.com/download/win

在 git bash 中输入以下命令启用 Hexo镜像

npm config set registry https://registry.npm.taobao.org

在 git bash 中输入以下命令开始全局安装 Hexo

npm install -g hexo-cli

在 git bash 中输入

hexo init 自定义博客名

在 git bash 中输入hexo g ,编译静态文件到public文件夹，这是根目录会自动生成public文件夹

hexo g

在 git bash 中输入hexo s，启动本地预览，关闭gitbash后,就无法预览

hexo s

输入 http://localhost:4000 ，能正常访问，则启动成功

第二部分

3、将hexo代码提交到github仓库，

注册github.com账号

新建一个github仓库，仓库名必须是你的GitHub用户名.github.io，

目的是为了搭载 GitHub Pages 服务，如果导入到vercel,可以自定义其它用户名 3.1、生成SSH密钥

在 git bash 中输入如下命令

git config --global user.name "你的GitHub用户名"

git config --global user.email "你注册github的邮箱"

生成密匙命令

ssh-keygen -t rsa -C "你注册github的邮箱"

在本地电脑中找到新生成的公匙，复制id_rsa.pub中的内容

找到github个人图像

设置-SSH and GPG keys-New SSH Key-粘贴公钥

验证是否成功

输入命令

ssh -T [email protected]

3.2打开 _config.yml，找到文件最后一行的 deploy

替换以下代码

deploy:

type: git

repo: https://github.com/你的github用户名/你的github用户名.github.io.git,main

安装推送命令

npm install hexo-deployer-git --save

清理缓存，重新生成静态文件，推送到github的命令

hexo clean && hexo g && hexo de

推送成功后

访问网址：你的GitHub用户名.github.io

第三部分

安装butterfly主题 https://butterfly.js.org/ 根目录下git bash 输入命令 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 安装渲染器 npm install hexo-renderer-pug hexo-renderer-stylus --save 修改 Hexo 根目錄下的 _config.yml，把主題改為 butterfly theme: butterfly

清理缓存，重新生成静态文件，推送到github的命令，每次更新完内容执行此命令

hexo clean && hexo g && hexo de

访问网址预览效果：你的GitHub用户名.github.io

第四部分

在vercel容器安装hexo，添加自定义域名用github同名账号登录https://vercel.com/

第五部分

在 _config.yml 下找到 menu ：去掉前面的#就可以显示菜单

menu:
   首页: / || fas fa-home
   归档: /archives/ || fas fa-archive
   标签: /tags/ || fas fa-tags
   分类: /categories/ || fas fa-folder-open
   #菜单||fas fa-list:
     #音乐: /music/ || fas fa-music
     #电影: /movies/ || fas fa-video
   友链: /link/ || fas fa-link
   #关于: /about/ || fas fa-heart