如何搭建Hexo博客
使用Hexo框架搭建个人博客,借助Github Pages部署至远端(前前后后换了好多东西,这篇文章参考意义不大)
部署
本地配置Node.js和git环境,搭建时需要用到npm和git命令
安装hexo-cli
npm install hexo-cli -g
新建文件夹
本地创建存放博客的文件夹
mkdir blog
新建一个网站。如果如果没有指定路径 ,Hexo默认在目前的文件夹建立网站
hexo init
本地测试
hexo server
网站会在http://localhost:4000下启动
新建文章页
hexo new "新建文章标题"
在本地对 新建文件标题.md 进行相应编辑
部署至GitHub
现已部署至Vercel,Github部分仍然可做参考
此步骤需要使用Github个人仓库,请自行创建
安装插件hexo-deployer-git
npm install hexo-deployer-git --save
编辑_config.yml
deploy:
type: git
repo: https://github.com/username/username.github.io.git # 存储库的url
branch: main # 将静态站点部署到的 Git 分支
部署命令
hexo deploy
结束前需要输入github的账号和密码
或者直接在浏览器中验证登录
域名解析
注册域名并备案
到域名供应商控制台处进行解析设置
添加两个CNAME类型,主机记录分别为www和@
保证www.example.com和example.com都解析到username.github.io
进入仓库设置,找到Custom domain添加域名后保存即可
静待片刻即可使用域名访问博客
更换主题
可以根据自己的喜好在Hexo主题站中查找并使用相应主题
目前使用Apollo
启用主题Apollo
下载后解压到themes目录,并将解压出的文件夹重命名为apollo
~~(已改用Apollo)~~安装Nexmoe主题
1. 使用npm安装
npm i hexo-theme-nexmoe
2. 使用 git 克隆
git clone https://github.com/nexmoe/hexo-theme-nexmoe.git themes/nexmoe
安装插件 hexo-wordcount
npm i hexo-wordcount --save
为实现 字数统计、阅读时长 等统计功能,需要 hexo-wordcount 支持
启用主题 Nexmoe
在 _config.yml 中,修改 theme 的值为 nexmoe
在 _config.yml 中,修改 theme 的值为 fluid
下列皆为Fluid配置项
配置 pretty_urls
trailing_index
是否在永久链接中保留尾部的 index.html,设置为 false 时去除
trailing_html
是否在永久链接中保留尾部的 .html, 设置为 false 时去除
统计浏览量
启用LeanCloud统计
创建统计应用
获取 AppID 和 AppKey
编辑 _config.yml
启用网页访问统计功能
导入 AppID 和 AppKey
展示网站的 PV、UV 统计数
启用文章浏览量计数
评论 ()
TwikooValine