hexo + github搭建博客(mac)
目录
- 什么是Hexo
- 本地搭建Hexo
- GitHub的配置
- hexo的部署和生成
- 完成
- 设置阅读全文
什么是 Hexo
- 一款基于Node.js的静态博客
- Hexo 是一个快速、简洁且高效的博客框架
Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页.
本地搭建 Hexo
- 安装Node.js（Node安装目录不要更改）和Git
- 打开 terminal, 输入以下指令
npm install -g cnpm --registry=https://registry.npm.taobao.org
sudo npm install -g hexo
# 需要获取管理员权限
hexo g
# 安装全局hexo
hexo -v
# hexo是否已安装- 在任意文件夹中新建文件夹名为 blog
- 在blog文件夹路径下打开 terminal, 输入以下指令
hexo init
# 初始化hexo
npm install
# 在当前文件夹下安装依赖包
hexo server
# 本地搭建- 在浏览器端输入localhost:4000看一下效果
使用 ctrl + c 关闭服务器
如何在 Finder 当前目录打开 terminal
以下是操作步骤
- 选择 系统偏好设置/键盘/快捷键/服务
- 勾选 “新建位于文件夹位置的终端窗口”
- 完成
右击选择相应的文件夹, 即可在选项最下方看到选项
GitHub的配置
- 在terminal中输入以下指令
ssh-keygen -t rsa -C "内填github邮箱"
cat ~/.ssh/id_rsa.pub
# 获取生成的 ssh- 将获取的ssh配置进github中
- 在github上新建一个 Repository
Repository名称为 (github的username).github.io
例: Xing-hui.github.io
hexo的部署和生成
- 在_config.yml里找到Deploy修改
type: git
repo: git@github.com:Xing-hui/Xing-hui.github.io.git
branch: master- 在blog目录下打开terminal, 输入以下指令
npm install hexo-deployer-git --save
hexo new post “article title”
# 在post文件夹中新建一个markdown文章
hexo g
# 生成
hexo d
# 部署
hexo d -g
# 或者一条指令即生成后部署
完成
在地址栏中输入 https://Xing-hui.github.io 即进入你的博客.
设置阅读全文
写完文章后，你会发现文章在首页全部显示了出来， 以下方式解决此问题
- 在文章中手动进行截断
<!-- more -->根据文章内容，自己在合适的位置添加以上标签