使用Hexo搭建博客

Washy
2023-03-28 / 0 评论 / 104 阅读 / 正在检测是否收录...

1 准备阶段

  • 安装node.js
  • 国内安装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,点击确认
  • 至此,域名添加完成

0

评论 (0)

昵称
邮箱
网址
取消