第一次搭建个人博客
2020-02-14 15:16:47

利用github搭建个人博客已经成了喜闻乐见的东西
接下来讲解一下如何使用hexo+github快速搭建自己的博客

一 准备工作

1.下载git

地址:https://git-scm.com/downloads
按照顺序安装

安装成功

会在鼠标右键点击出现,gitbash 以及 git gui

2.下载node

地址:https://nodejs.org/zh-cn/

直至安装完成
npm install -g hexo-cli

window用户,可以通过以下方法检测安装是否成功
进入cmd
输入

1
$ hexo -V

会出现以下代码则为成功
$ hexo-cli: 3.1.0
数字可能会不一样

一般都会成功

3.前往github

申请好github的账户

创建一个仓库
最好命名为

1
$ 你的github名字.github.io

这里就不论述了

至此准备工作完成

二 开始搭建

1. 通过git操作hexo

进入创建的新文件夹 HEXO
右键打开git bash的命令行

1
$ hexo init				初始化hexo

此时会在新文件夹里出现好多文件
###2. 寻找喜欢的hexo主题

地址:https://hexo.io/themes/
在里边会有主题
随意选择,进入github下载

将下载好的压缩包进行解压,放置到上一步新建文件夹HEXO目录下的themes文件夹里

打开HEXO目录下的_config.yml 文件
找到最后theme: 修改为刚解压缩的文件名

顺便在最后加入

3. 再次通过git命令行操作

输入

1
$ hexo clean 		格式化

成功后

1
2
$ hexo g   			生成静态文件
$ hexo s 生成本地网页

此时在浏览器输入 http://localhost:4000/ 便会发现一个很low的页面


三 本地博客上传github

配置key

进入git bash界面
配置

1
2
$ git config --global user.name "yourname"
$ git config --global user.email "youremail"

利用下边检测有没有输对

1
2
$ git config  user.name 
$ git config user.email

然后创建SSH,一路回车

1
$ ssh-keygen -t rsa -C "youremail"

这时候会告诉你产生了 .ssh 文件夹,在电脑中找到那个文件夹
复制 id_rsa.pub(公共密钥)中 文件到github

###将公钥添加到GitHub上

·点击用户头像->settings->SSH and GPG keys ->New SSH key

·将id_rsa.pub中的内容复制到key->文本框中,然后点击Add SSH key(添加SSH)按钮

测试

第一次上传会出现

1
$ ssh -T git@github.com			不需要更改	测试联通

将hexo部署到github

我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件

$_config.yml 翻到最后,修改为YourgithubName就是你的GitHub账户名称

1
2
3
4
$ deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master

此时就完成了本地部署

$ 打开git bash

1
2
3
4
5
6
7
$ git g  			生成本地

$ npm install -g hexo

$ npm install hexo-deployer-git --save 安装部署插件

$ hexp deploy 部署 可简写成 hexo d

此时你就可以在上边访问了

输入 你的github名字.github.io 就可访问了

上传文章

使用git bash命令行

1
$ hexo new  1			创建以1为名字的博客文章

这个文章在 Hexo\source_posts 下,这是固定的

在这个下边打开编辑 1.md

编辑完成

1
2
$ hexo s 			本地查看一下
$ hexo g -deploy 上传

https://blog.csdn.net/AinUser/article/details/77609180?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.channel_param

现在我们就完成上传文章了

2020-02-14 15:16:47
下一页