GitHub+HEXO搭建博客详细过程

一.搭建GitHub Pages

1.注册一个注册一个GitHub账号(已注册跳过这一步)

2.创建仓库GitHub+HEXO搭建博客详细过程_第1张图片

 3.填写用户名.github.io  切记用户名必须和左边一致

GitHub+HEXO搭建博客详细过程_第2张图片

 这样。我们就创建好仓库了,接下来是启用github pages

4.点击settings进入设置,往下拉找到“GitHub Pages”,显示如图这样,说明已开启(一般创建完成之后都会默认自动开启)GitHub+HEXO搭建博客详细过程_第3张图片

 GitHub+HEXO搭建博客详细过程_第4张图片

5.选择主题 ,任意选择一个主题,然后点击“select theme”

GitHub+HEXO搭建博客详细过程_第5张图片

GitHub+HEXO搭建博客详细过程_第6张图片

 4.接下来下载git和node.js

GitHub+HEXO搭建博客详细过程_第7张图片

(node.js选择16.13.0就可)

GitHub+HEXO搭建博客详细过程_第8张图片

 (安装好git后桌面上任意位置右键点击出现 git gui here和git bash here则说明好了)

(在下载或打开期间如果打不开网页或下载不下来,用热点和WiFi都试试就可以)

二.HEXO

1.在自己认为合适的地方创建文件夹,然后在此文件夹下右击鼠标,选择“Git Bash here”

2.输入 npm install -g hexo进行安装

然后使用 hexo -v ,出现下面界面说明安装成功GitHub+HEXO搭建博客详细过程_第9张图片

GitHub+HEXO搭建博客详细过程_第10张图片 3.输入 hexo init 初始化文件夹

 看到最后的“Start blogging with Hexo!”就说明成功了

4.输入 npm install,安装所需组件

输入 hexo g ,第一次体验hexoGitHub+HEXO搭建博客详细过程_第11张图片GitHub+HEXO搭建博客详细过程_第12张图片

  5.输入hexo s,启动本地服务器,通过访问 http://localhost:4000,正式体验HexoGitHub+HEXO搭建博客详细过程_第13张图片

 三.部署到github

1.打开你所创建的文件,找到_config.yml文件,添加如下代码(用记事本或code打开)

 (chenyangzhijie换成自己的用户名,和在github上一样)

2.安装一个扩展GitHub+HEXO搭建博客详细过程_第14张图片

 3.输入cd ~/.ssh

如果出现入下图情况,说明不存在.ssh

 解决方法:输入  $ ssh-keygen -t rsa -C "[email protected]"(自己邮箱)

再次如下图进行操作,出现相同文件说明成功GitHub+HEXO搭建博客详细过程_第15张图片

4.输入eval "$(ssh-agent -s)",添加密钥到ssh-agent

GitHub+HEXO搭建博客详细过程_第16张图片再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

 5. 添加SSH Key到Github

点击“settings”GitHub+HEXO搭建博客详细过程_第17张图片

6.GitHub+HEXO搭建博客详细过程_第18张图片点击“SSH and GPG keys”,然后点击“New SSH key”新建SSH keys 

 7.填写keyGitHub+HEXO搭建博客详细过程_第19张图片

 (在这里可以找到具体位置)然后用code或者记事本打开复制下来就可以

8.输入ssh -T [email protected],测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了(有一个会让你输入 yes)GitHub+HEXO搭建博客详细过程_第20张图片

9.设置你的账号信息

GitHub+HEXO搭建博客详细过程_第21张图片

name和email后写自己的即可

10.部署到githubGitHub+HEXO搭建博客详细过程_第22张图片

使用 用户名.github.io 即可访问自己博客 

例如GitHub+HEXO搭建博客详细过程_第23张图片

你可能感兴趣的:(github)