欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

快速搭建个人博客:Hexo+NexT+GitHub Pages

程序员文章站 2022-04-17 18:45:03
...

本地环境配置

Github Pages申请

  1. 申请Github账号;
  2. Create a new repository:name为账户名.github.io

快速搭建个人博客:Hexo+NexT+GitHub Pages

然后就可以访问 https://账户名.github.io/

配置SSH

SSH

Hexo

Hexo官方文档

之前node.js配置好了的前提下,很多指令也可以直接在cmd里面使用,但推荐使用git bash来完成,git bash可以使用一些Linux的指令,比如ls等,比cmd要方便。

安装

$ npm install -g hexo-cli

初始化

$ hexo init <folder>
$ cd <folder>
$ npm install

More info: 建站

本地运行

$ hexo server 

该命令可简写为

$ hexo s

默认情况下,访问网址为: http://localhost:4000/

More info: 指令

部署

安装 hexo-deployer-git 插件

$ npm install hexo-deployer-git --save

修改配置文件

修改根目录下的_config.yml文件

deploy:
  type: git
  repository: aaa@qq.com.com:wangshouz/wangshouz.github.io.git
  branch: master

指令部署

$ hexo clean
$ hexo g
$ hexo d

等待执行完毕,即可以访问 用户名.github.io 来查看自己的博客主页

More info: 部署

Themes–Next

官方文档

基本配置

基本使用根据官方文档配置即可,注意_congif.yml文件会有两处,分别为“站点配置文件”和“主题配置文件”,不要配置错了。

  • git相关的坑:因为本身对git的使用不是十分熟练,所以过程中出了问题多google、百度就对了;
  • 用下载稳定版的方式下载next源码,需要把hexo-theme-next文件夹改命为next;
  • Next主题里的search的配置:Local Search
  • 源码:部署只会把编译之后的public文件夹里的内容部署到github.io项目里;想要上传源码需要新建项目单独上传。
  • next使用克隆最新版本的方式获取的时候在上传到自己的github项目的时候会报错,因为git用的不6,所以直接删掉了next里面的.git文件夹,把next当成本地文件重新add上传;
  • 侧边栏社交链接图标:因为使用的是Font Awesome图标库,所以有些是找不到图标的,比如知乎,简书。。。

我的博客