使用github搭建Hexo博客

àì夳堔傛蜴生んèń 2022-05-23 07:38 324阅读 0赞

今天搞了一晚上搭建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][https_iunique.github.io]

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

参考网站：

[https://www.cnblogs.com/fengxiongZz/p/7707219.html][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`

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"`

## 设置文章摘要 ##

以上是文章摘要  以下是余下全文

## 写作 ##

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

<table style="border-spacing:0px;width:852px;color:rgb(51,51,51);font-size:14px;background-color:rgb(255,255,255);"> 
 <thead> 
  <tr> 
   <th style="margin:0px;">变量</th> 
   <th style="margin:0px;">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="margin:0px;">:title</td> 
   <td style="margin:0px;">标题</td> 
  </tr> 
  <tr> 
   <td style="margin:0px;">:year</td> 
   <td style="margin:0px;">建立的年份（4 位数）</td> 
  </tr> 
  <tr> 
   <td style="margin:0px;">:month</td> 
   <td style="margin:0px;">建立的月份（2 位数）</td> 
  </tr> 
  <tr> 
   <td style="margin:0px;">:i_month</td> 
   <td style="margin:0px;">建立的月份（去掉开头的零）</td> 
  </tr> 
  <tr> 
   <td style="margin:0px;">:day</td> 
   <td style="margin:0px;">建立的日期（2 位数）</td> 
  </tr> 
  <tr> 
   <td style="margin:0px;">:i_day</td> 
   <td style="margin:0px;">建立的日期（去掉开头的零）</td> 
  </tr> 
 </tbody> 
</table>

### 推送到服务器上 ###

`hexo n` \#写文章  
`hexo g` \#生成  
`hexo d` \#部署 \#可与`hexo g`合并为 `hexo d -g`

[20180604222025756]: /images/20220523/a7da1bec9fe64ee08bb463ca26dd5ebe.png
[20180604223919522]: /images/20220523/f5628b9b64014341806e180dd183b80f.png
[https_iunique.github.io]: https://iunique.github.io
[https_www.cnblogs.com_fengxiongZz_p_7707219.html]: https://www.cnblogs.com/fengxiongZz/p/7707219.html