hexo + github搭建博客(Mac版)

hexo github搭建博客(mac)

目录

• 什么是Hexo
• 本地搭建Hexo
• GitHub的配置
• hexo的部署和生成
• 完成
• 设置阅读全文

什么是 Hexo

• 一款基于Node.js的静态博客
• Hexo 是一个快速、简洁且高效的博客框架 Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页.

本地搭建 Hexo

• 安装Node.js（Node安装目录不要更改）和Git
• 打开 terminal, 输入以下指令

代码语言：javascript复制

npm install -g cnpm --registry=https://registry.npm.taobao.org

sudo npm install -g hexo
# 需要获取管理员权限

hexo g
# 安装全局hexo

hexo -v
# hexo是否已安装

• 在任意文件夹中新建文件夹名为 blog
• 在blog文件夹路径下打开 terminal, 输入以下指令

代码语言：javascript复制

hexo init
# 初始化hexo

npm install
# 在当前文件夹下安装依赖包

hexo server
# 本地搭建

• 在浏览器端输入localhost:4000看一下效果 使用 ctrl c 关闭服务器

如何在 Finder 当前目录打开 terminal

以下是操作步骤

• 选择 系统偏好设置/键盘/快捷键/服务
• 勾选 “新建位于文件夹位置的终端窗口”
• 完成 右击选择相应的文件夹, 即可在选项最下方看到选项

GitHub的配置

• 在terminal中输入以下指令

代码语言：javascript复制

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修改

代码语言：javascript复制

type: git

repo: git@github.com:Xing-hui/Xing-hui.github.io.git

branch: master

• 在blog目录下打开terminal, 输入以下指令

代码语言：javascript复制

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 即进入你的博客.

设置阅读全文

写完文章后，你会发现文章在首页全部显示了出来， 以下方式解决此问题

• 在文章中手动进行截断

代码语言：javascript复制

<!-- more -->

根据文章内容，自己在合适的位置添加以上标签

hexo github node.js git 开源

0 人点赞