avatar

从零开始,MacOS基于hexo+github搭建个人blog

说明

  1. 本人编程能力为0,所写必然简陋且初级,故如标题所写,仅供从零开始。

  2. 本文记录的就是搭建目前使用的这个blog的方法。

  3. 本文默认已经安装Homebrew,有GitHub帐号,且已ssh连接,如果没有,请根据相关关键词搜索并设置,也可参考以下链接。

homebrew最新国内源安装方法(2020年3月)_网络_WizardtoH-CSDN博客Github教程,史上最全github使用方法:github入门到精通_网络_程序员囧辉-CSDN博客

整体流程

  1. 安装node.js
  2. 安装git
  3. 安装hexo
  4. 安装主题
  5. 连接github
  6. 本地部署
  7. 上传文档

本人配置

  1. Macos 10.14.6
  2. Node.js v13.12.0
  3. Npm 6.14.4
  4. hexo 3.1.0

重要事项

在搭建的这一过程中,会涉及到两个名为“_config.yml”的文件

  1. 站点配置文件指的是博客文件根目录下的 _config.yml,即“~/blog/_config.yml”
  2. 主题配置文件是主题文件夹下的 _config.yml,即“~/blog/themes/主题名/_config.yml”

安装node.js

使用Homebrew安装

brew install nodejs

安装git

使用Homebrew安装

 brew install git

安装hexo

npm install -g hexo-cli #使用npm安装hexo
hexo init blog #初始化blog
#检测是否安装成功
hexo new test_my_site
hexo g
hexo s
#如果成功可通过 http://localhost:4000 预览

安装失败

安装失败多半是权限问题,终端会提示你怎么操作,跟着终端的操作获取权限就可以了

安装主题

Hexo 安装主题的方式非常简单, 只需要将主题文件拷贝至站点目录的 themes 目录下, 然后修改下配置文件即可

cd blog #blog为默认你安装的位置,如果是其他位置请自行更改
git clone https://github.com/cofess/hexo-theme-pure.git themes/pure

后续的主题部署与个性化编辑请参考pure主题的作者
hexo-theme-pure/README.cn.md at master · cofess/hexo-theme-pure · GitHub

连接github

修改站点配置文件 _config.yml的deploy部分

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/XXXXXX/XXXXXX.github.io.git
branch: master
#repo 为你自己的GitHub Pages 链接

本地部署

npm install hexo-deployer-git --save #安装git部署插件
#输入部署指令
hexo clean #清除缓存
hexo g #生成本地文件夹
hexo d #发布到GitHub

上传文档

找到source文件夹下的_posts,将markdown文件放在此文件夹中。
在上传的markdown文档的首部添加如下信息(请删除掉注释):

---
title: New Blog    #在此处添加你的标题。
date: bulabula   #在此处输入你编辑这篇文章的时间。
categories: bulabula   #在此处输入这篇文章的分类。
toc: true  #在此处设定是否开启目录,需要主题支持。
---

完成之后先预览一下

cd blog #blog为默认你安装的位置,如果是其他位置请自行更改
hexo g
hexo s
#如果成功可通过 http://localhost:4000 预览

发布到GitHub

hexo clean
hexo g
hexo d

最后

从零开始搭建bolg这就完成了,但是你以为这样你就可以安心的使用了吗?

图样图拿衣服。

这只是万里长征第一步,之后的各种个性化设置和插件才是大坑。

恭喜你,掉进坑里了。

文章作者: Cijan
文章链接: https://liuss77.github.io/2020/04/12/2020-04-12/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 R'lyeh|Cijan
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论