Hexo和Github 搭建属于自己的博客(一)


title: Hexo和Github搭建自己的博客
tags:Hexo, Github, npm.

最近把自己的博客网站搭建好,只是实现了基本的功能,很多强大功能还没能整明白,后面有时间在完善吧,摘搭建过程中,遇到很多坑,不断的百度,现在把自己搭建的步骤整理了一下,对Markdown的语法也不是很熟悉,很多的格式问题请忽略(^_^)。
说明:一切的操作是基于win10的系统下的。
Hexo介绍:Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本
hexo deploy -g  #生成加部署
hexo server -g  #生成加预览
命令的简写
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
步骤:
1.安装Node.js
2.安装Git
这两个安装都很简单,遇到问题的可以自行百度。接下来的过程都是要在安装成功之后进行的。可以打开cmd命令行提示符,分别输入node -v 和npm -v进行验证,验证Git安装成功输入git –version,,具体的界面如下:

安装Git完成并且配置好Git的环境,单机鼠标右键就会就会增加以下两个选择:

3.Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README。我的项目已经建好了,所以他提示我的项目已存在,一定要按照这种格式来。

在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。

4.安装Hexo.在自己认为合适的地方创个文件夹,我是在D盘建了一个blog文件夹。然后通过命令行进入到该文件夹里面。

输入npm install hexo -g 安装Hexo ,看到版本信息就说明安装成功。确保万无一失可以输入hexo -v 检查hexo是否安装成功。

输入hexo init 初始化该文件夹(等着吧。。。。)

看到后面的“Start blogging with Hexo!”,一切都在顺利的进行,并且最简单的博客马上搭建好,有木有很激动。。。。。。。。!
输入npm install,安装所需要的组件。

输入hexo g,首次体验Hexo。

输入hexo s,开启服务器,访问该网址,正式体验Hexo。

问题:假如页面一直无法跳转,那么可能端口被占用了。此时我们ctrl+c停止服务器,接着输入“hexo server -p 5000 端口号”来改变端口号。浏览器中访问这个网址,如果出现下图就说明成功了。

5.将Hexo与Github page联系起来,设置Git的user name和email(如果是第一次的话)以下的操作在d盘目录下的blog文件夹里点击里面的鼠标右键,点击GIt Base Here.

这里“ccname”可以替换成自己的用户名,邮箱可以替换成自己的邮箱
输入cd ~/.ssh,检查是否由.ssh的文件夹

输入ls,列出该文件下的内容。下图说明存在

输入ssh-keygen -t rsa -C “[email protected]”,连续三个回车,生成密钥,最后得到了两个文件:id_rsa和id_rsa.pub(默认存储路径是:C:\Users\Administrator.ssh)。

输入eval “$(ssh-agent -s)”,添加密钥到ssh-agent

再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

登录Github,点击头像下的settings,添加ssh

新建一个new ssh key,将id_rsa.pub文件里的内容复制上去

输入ssh -T [email protected],测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了

如果创建失败,那么只要以下步骤就可以完全解决。
首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
删除你在github中的public-key

重新生成ssh密钥对
ssh-keygen -t rsa -C "[email protected]"

接下来正常操作
在github上添加公钥public-key:
1、首先在你的终端运行 xclip -sel c ~/.ssh/id_rsa.pub将公钥内容复制到剪切板
2、在github上添加公钥时,直接复制即可
3、保存

测试:
在终端 ssh -T [email protected]
6.配置Deployment,在D盘blog文件夹中,找到_config.yml文件,修改repository的值(在末尾)

repository值是你在github项目里的ssh(右下角)

7.新建一篇博客,在cmd执行命令:hexo new post “博客名”

这时候在blog文件夹_posts目录下将会看到已经创建的文件(格式是Markdown)

在生成以及部署文章之前,需要安装一个扩展:npm install hexo-deployer-git –save

使用编辑器编好文章,那么就可以使用命令:hexo d -g,生成以及部署了

部署成功后访问你的地址:http://用户名.github.io。那么将看到生成的文章

说明:最后一张图是通过简单的主题更改生成的,到此通过hexo和GitHub搭建完整的个人博客已经完成,后面有时间还会继续介绍更改主题的配置文件步骤。

猜你喜欢

转载自blog.csdn.net/random39/article/details/80716212