时间：   |   分类：   | 字数： 1470 字 | 阅读： 3分钟 | 阅读次数：

声明

  • 本内容非原创，主要参考该博客进行验证

http://dwz.date/buw2dwz.date

  • 感谢GitHub提供的开源服务。
  • 感谢Hexo提供的方案。官网：

https://hexo.io/hexo.io

介绍

今天介绍使用GitHub+hexo博客框架搭建个人博客的方案。优点是****完全免费、自由，缺点是只能使用静态页面展示，使用评论、上传图片其他功能时需要配合其他插件服务使用。

参考本教程，大约需要半个小时来完成安装和使用。其他高级操作需读者自行搜索教程学习。

安装Node.s和Git终端

  • 安装Node.js，如图下载LTS版本安装包进行下载，然后像正常安装软件一样进行安装即可。下载地址https://nodejs.org/en/

img

  • **安装成功后，如图，在windows终端下输入如下指令查看是否安装成功，如下出现版本号即安装成功。**搜索cmd(命令提示符)可进入windows终端。
 node -v

img

  • 安装git，点击gitWindows客户端进行下载，下载完成后像安装正常软件一样进行安装即可。

img

创建Github Pages(博客存放仓库)

  • 打开浏览器，进入GitHub官网，登录自己的账号。

img

  • 点击头像，查看自己的****username，我的用户名为mdxz2048

img

  • 点击右上角加号，在下拉选项中选择****New repository创建博客仓库。

img

  • 在弹出的设置页面Repository name处填写****yourusername.github.io，然后其他配置保持默认，点击Create repository。例如我的用户名为mdxz2048，就填mdxz2048.github.io。

img

  • 接下来GitHub会将该仓库设为Github Pages，以后访问该域名就可以访问到该仓库的内容，我们要搭建的博客随后会被放在这里。

配置GitHub

  • 在桌面右键鼠标，点击****git bash here进入git终端。

img

  • 在终端输入如下指令，连接GitHub与本地。
 git config --global user.name "mdxz2848" 
 git config --global user.email "zhipeng2048@gmail.com"

img

  • 生成SSH key密钥。执行如下指令，然后，在C:*Users**ASUS.ssh目录会有两个文件id_**rsa和**id_rsa.pub*,打开**id_rsa.pub**，复制里面的所有内容到 SSH keys这里 的Key，Title随便填，然后Add SSH key就可以了。
 ssh-keygen -t rsa -C "zhipeng2048@gmail.com"

安装hexo

  • 首页进入任意磁盘创建文件夹，这里文件夹命名为blog,在该文件夹下鼠标右键选择Git Bash Here，执行命令：
 npm install -g hexo-cli
  • 接着执行如下指令
 hexo init
 npm install
  • 新建完成后，指定文件夹的目录如下：
 _config.yml

部署

  • 在_config.yml文件，找到deploy，进行以下配置：
 deploy:
 type: git
 repo: https://github.com/mdxz2048/mdxz2048.github.io.git
 branch: master
  • 安装部署工具，执行如下指令。
 npm install hexo-deployer-git --save

使用next主题美化

  • 在blog文件夹下鼠标右键选择Git Bash Here，然后clone next主题：
 git clone https://github.com/theme-next/hexo-theme-next themes/next
  • 更新主题NexT：
 cd themes/next
 git pull
  • 切换成NexT主题，在blog根文件夹下，修改_config.yml文件中的theme：
 Extensions
 Plugins: https://hexo.io/plugins/
 Themes: https://hexo.io/themes/
 theme: next
  • 切换后，执行如下指令清理缓存。
 hexo clean
  • 执行如下指令，查看本地部署效果。
 hexo s

img

img

  • 可以文末下载我的博客配置和主题配置文件，根据自己的需求进行修改。

新建一篇文章

执行如下指令新建一个.md的文件，然后在对应路径下打开编辑。

 hexo new 文章名

img

  • 执行如下指令进行部署
 hexo g //生成网页文件
 hexo s //localhost:4000本地预览效果
 hexo d //部署

文中提到的软件和配置文件均可在此下载：

 链接: https://pan.baidu.com/s/1Nw-ApHdYZkqXj65h7T7qew 
 提取码: ssgt
0%