Github Page + Hexo 搭建个人博客

2021-10-05 20:01:56 阅读：153 来源： 互联网

标签：npm git Hexo hexo excerpt Github 安装 Page

title: Github Page + Hexo 搭建个人博客
categories: Hexo

Github Page + Hexo 搭建个人博客

准备环境

首先查看环境是否安装，主要用到的工具有git，node，npm

git version
node -v
npm -v

安装Hexo

如果以上环境准备好了就可以使用 npm 开始安装 Hexo 了。也可查看 Hexo 的详细文档
在命令行输入执行以下命令：

npm install -g hexo-cli

安装 Hexo 完成后，再执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件

hexo init myBlog
cd myBlog
npm install

此时已安装完成，可以启动服务了

hexo s

在浏览器中输入 http://localhost:4000 回车就可以预览效果了

Hexo 部署

安装 hexo-deployer-git。

npm install hexo-deployer-git --save

修改配置。

deploy:
  type: git
  repository: git@github.com:xxx/xxx.git,branchName
  branch: master
  message: update myblog

Hexo 备份

首先在 github 上 master 主分支下创建 hexo 空白分支
安装 hexo-git-backup 插件

npm install hexo-git-backup --save

到 Hexo 博客根目录的 _config.yml 配置文件里添加以下配置：

backup:
    type: git
    message: update myblog
    repository:
       github: git@github.com:xxx/xxx.git,branchName

然后使用命令即可

hexo b

Hexo 文章显示摘要

在新版本中 _config.yml 下已经没有 auto_excerpt，官方对于此选项已不支持，要显示摘要只有通过加 的方式，但此方式太繁琐，另外的方法是通过安装插件的方法

1：使用npm安装hexo-excerpt

npm install hexo-excerpt --save

2：在站点配置文件中添加

excerpt:
  depth: 5  
  excerpt_excludes: []
  more_excludes: []
  hideWholePostExcerpts: true

标签：npm,git,Hexo,hexo,excerpt,Github,安装,Page
来源： https://www.cnblogs.com/cokefentas/p/15369395.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Github Page + Hexo 搭建个人博客