使用github搭建Hexo博客-蒲公英云

今天搞了一晚上搭建Hexo博客，发现异常得简单～写篇博客记录下

搭建博客的框架有很多，学长用的是WordPress，今天拿了Hexo练了下手。

首先这个博客框架是用node.js写的，首先就是安装node.js的环境

-——————————————————————————————————————————————————-

linux系统很简单，终端输入：

sudo apt-get install nodejs

sudo apt-get install npm(安装版本管理工具)

就安装好环境了，查看有没有安装好的方法：

node -v会显示node.js版本号

npm -v会显示工具的版本号

windows下就百度一下应该也蛮简单，只是linux连环境变量都不用配置hhhh

-——————————————————————————————————————————————————-

由于这个框架是github托管的，自然就要安装git了linux直接sudo apt-get install git就行，windows下安装git bush

然后就创建个文件夹作为存放博客文件的仓库，接下来就要去github上创建一个仓库了。

github真良心。。登录github点击加号创建仓库，然后把仓库名字取为:你的id.github.io

比如我的名字是iunique，仓库名字像这样：

20180604222025756

然后点确定。。这样这个域名就属于你的了，每个账号允许注册一个这种域名

创建成功后就可以在地址栏输入iunique.github.io就可以访问你的域名了

下面说一下我学到的基本的上传文章操作：

在你准备好的仓库里面，如果是windows就git bush here

linux直接在文件处打开终端

-——————————————————————————————————————-

安装hexo：

npm intall hexo -g

等一会hexo就安装好了

命令：hexo -v 查看是否成功

命令：hexo init 等待大概几分钟就初始化好了

命令：npm install 会安装各种组件

命令: hexo g 会部署hexo博客

命令hexo s 开启服务器

之后会提示在localhost:4000可以访问页面了，如果访问失败可能是4000端口没有打开：

ctrl+c停止后修改端口：

hexo server -p 端口号

之后，如果以前在该服务器上加入过ssh key到你的github账号上就可以直接跳过这一步：

-————————————————————————————————————————————————————-

安装完git后：cd ~/.ssh

ssh-keygen -t rsa -C “这里填写你的邮箱地址”

会在该文件下生成秘钥,

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

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

来到github页面，点setting，吧id_rsa里的东西复制进ssh keys里，title随便打

输入ssh -T git@github.com，显示hi+你id就说明添加成功了

-————————————————————————————————————————————————————-

部署hexo：

来到你的仓库，有个_config.yml，用编辑器打开，来到最后几行，修改：

20180604223919522

repository后面的是你的仓库的ssh key,注意冒号后面要打空格，我一开始就是少打了空格所以没有部署成功

输入命令：

hexo new post “文章名”

在该文件下的source下的_post目录下会生成文章文件

用编辑器打开就可以进行文章编辑了，这个有严格的格式要求：

-—
title: title #文章标题
date: 2018-06-04 22:45:44 #文章生成时间
categories: “分类” #文章分类目录，可略
tags: #文章标签可略
- 标签1
- 标签2
description: #本文描述可略

-—

这个横线下面填文章内容

输入安装扩展：

npm install hexo-deployer-git —save

输入生成文件以及部署：

hexo d -g

然后你就可以输入域名看见刚刚写好的文章了：

https://iunique.github.io

ps:如果没有效果在iunique.github.io仓库下的setting看看是不是域名填错了

要为iunique.github.io这种格式（想要绑定其他的域名应该也可以设置）

还有就是_config.yml中数据填错了

附上我搭好的hexo博客：

https://iunique.github.io

下面是我摘录的一些hexo的命令～过几天有时间好好学怎么布置装扮hexo博客

参考网站：

https://www.cnblogs.com/fengxiongZz/p/7707219.html

hexo

npm install hexo -g #安装  
npm update hexo -g #升级  
hexo init #初始化

简写

hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy#部署

服务器

hexo server #Hexo 会监视文件变动并自动更新，您无须重启服务器。
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP

hexo clean #清除缓存网页正常情况下可以忽略此条命令
hexo g #生成静态网页
hexo d #开始部署

监视文件变动

hexo generate #使用 Hexo 生成静态文件快速而且简单
hexo generate --watch #监视文件变动

完成后部署

两个命令的作用是相同的
hexo generate --deploy
hexo deploy --generate

hexo deploy -g
hexo server -g

草稿

hexo publish [layout] <title>

模版

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，’ctrl + c’关闭server）
hexo deploy #将.deploy目录部署到GitHub

hexo new [layout] <title>
hexo new photo "My Gallery"
hexo new "Hello World" --lang tw

变量	描述
layout	布局
title	标题
date	文件建立日期

title: 使用Hexo搭建个人博客
layout: post
date: 2014-03-03 19:07:43
comments: true
categories: Blog
tags: [Hexo]
keywords: Hexo, Blog
description: 生命在于折腾，又把博客折腾到Hexo了。给Hexo点赞。

模版（Scaffold）

hexo new photo "My Gallery"

变量	描述
layout	布局
title	标题
date	文件建立日期

设置文章摘要

以上是文章摘要 <!--more--> 以下是余下全文

写作

hexo new page <title>
hexo new post <title>

变量	描述
:title	标题
:year	建立的年份（4 位数）
:month	建立的月份（2 位数）
:i_month	建立的月份（去掉开头的零）
:day	建立的日期（2 位数）
:i_day	建立的日期（去掉开头的零）