使用Hexo框架搭建个人博客,借助Github Pages部署至远端(前前后后换了好多东西,这篇文章参考意义不大)

部署

本地配置Node.jsgit环境,搭建时需要用到npm和git命令

安装hexo-cli

npm install hexo-cli -g

新建文件夹

本地创建存放博客的文件夹

mkdir blog

mkdir dull

新建一个网站。如果如果没有指定路径 ,Hexo默认在目前的文件夹建立网站

hexo init

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 统计数

启用文章浏览量计数