zqhsqb 发表于 2023-12-16 15:09

关于hexo的使用(上)

#关于hexo的使用(上)

------------


------------

现在市面上的博客很多,如CSDN,博客园,简书等平台,可以直接在上面发表,用户交互做的好,写的文章百度也能搜索的到。缺点是比较不自由,会受到平台的各种限制和恶心的广告。

而自己购买域名和服务器,搭建博客的成本实在是太高了,不光是说这些购买成本,单单是花力气去自己搭这么一个网站,还要定期的维护它,对于我们大多数人来说,实在是没有这样的精力和时间。

那么就有第三种选择,直接在github page平台上托管我们的博客。这样就可以安心的来写作,又不需要定期维护,而且hexo作为一个快速简洁的博客框架,用它来搭建博客真的非常容易。

### 关于hexo

------------


------------

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入(https://hexo.io/zh-cn/ "hexo")官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。

#### 首先我们需要下载安装Git和nodejs

------------
1.Git
-
Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章,上传到GitHub的工具。Git非常强大,我觉得建议每个人都去了解一下。廖雪峰老师的Git教程写的非常好,大家可以了解一下。

windows:到git官网上下载,(https://gitforwindows.org/ "Download") Bash的命令行工具,以后就用这个工具来使用git。

linux:对linux来说实在是太简单了,只需要一行代码

`sudo apt-get install git`

------------
2.nodejs
- 因为Hexo是基于nodeJS编写的,所以需要安装一下nodeJs和里面的npm工具。

windows:(https://nodejs.org/en/download/ "nodejs选择LTS版本")就行了。

linux:
`sudo apt-get install nodejs
sudo apt-get install npm`

安装完后,打开命令行
`node -v
npm -v`

检查安装是否成功


------------

win系统在这里推荐直接使用git bash,自带的cmd我觉得不好用


------------

## 到了最重要的一步了,安装hexo

- 可以先创建一个文件夹(名字随意),然后cd到那个文件夹

输入命令:

`npm install -g hexo-cli
`

然后用`hexo -v`查看一下版本

接下来初始化一下hexo(就是下载myblog)
`hexo init myblog
`

之后cd到这个myblog里面

输入命令:

`npm install`

新建完成后,指定文件夹目录下有:
- node_modules: 依赖包
- public:存放生成的页面
- scaffolds:生成文章的一些模板
- source:用来存放你的文章
- themes:主题
- ** _config.yml: 博客的配置文件**

输入命令:
`hexo g
hexo server
`
在浏览器输入(localhost:4000 "localhost:4000")就可以看到你生成的博客了。

如果没有更换过主题应该长这个样子:



使用ctrl+c可以把服务关掉。

## 为了外界可以访问你的文章,需要设置GitHub
首先,你先要有一个GitHub账户

然后新建仓库

创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是xxxx.github.io,其中xxx就是你注册GitHub的用户名。我这里是已经建过了。

设置完之后点击create repository。

### 生成SSH添加到GitHub

------------


到你的git bash中,输入代码:
`git config --global user.name "你的GitHub用户名`

`git config --global user.email "你GitHub的邮箱`

可以用以下两条,检查一下你有没有输对:
`git config user.name`

`git config user.email`

然后创建SSH,一路回车:

`ssh-keygen -t rsa -C "youremail"
`

这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到文件夹: ".ssh"。

------------



- ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

- 而后在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key
- 把你的id_rsa.pub里面的信息复制进去。

------------

在git bash中,查看是否成功:
`ssh -T git@github.com
`

### 将hexo部署到GitHub

------------


这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为:


    deploy:
      type: git
      repo: https://github.com/你的账号名/你的账号名(仓库名).github.io.git
      branch: master

------------


这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub:

`npm install hexo-deployer-git --save
`

然后:


    hexo clean
    hexo generate
    hexo deploy


- 其中 hexo clean清除了你之前生成的东西,也可以不加。
- hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
- hexo deploy 部署文章,可以用hexo d缩写


------------

注意deploy时可能要你输入username和password。
得到下图就说明部署成功了,过一会儿就可以在http://你的仓库名.github.io 这个网站看到你的博客了!!

------------


### 设置个人域名

1. 买一个域名,然后解析域名到你的仓库名.githob.io
2. 登录GitHub,进入之前创建的仓库,点击settings,设置Custom domain,输入:你的域名.你的域名后缀
3. 然后在你的博客文件source中创建一个名为CNAME文件,文件不要后缀。写上你的域名。
4. 最后,在gitbash中,输入:


    hexo clean
    hexo g
    hexo d

------------


过不了多久,再打开你的浏览器,输入你自己的域名,就可以看到搭建的网站啦!

接下来你就可以正式开始写文章了。

------------

使用命令`hexo new 你想写的文章的名字`

然后在source/_post中打开markdown文件,就可以开始编辑了。当你写完的时候,再:


    hexo clean
    hexo g
    hexo d

就可以看到更新了。



------------


------------


------------


#### 如果使用过程中git bash在同步到github的过程中有错误可能是代理问题,因为git bash自带代理,可以上网上搜(太懒了,不想动)或者是git bash上面设置了SSH但没有在一个文件里添加(太懒了,不想动,自己搜)
------------


------------


------------

# (上)完

AronnaxM 发表于 2023-12-16 15:22

Hexo确实方便,楼主也可以试试把Hexo托管到Vercel上。

雷欧库珀 发表于 2023-12-16 15:24

图片不好弄,目前用github做图床,但是要注意仓库大小,存多了有人工审核

24WOK 发表于 2023-12-16 15:40

速度滑冰VS电话卡闪豆

zqhsqb 发表于 2023-12-16 15:44

AronnaxM 发表于 2023-12-16 15:22
Hexo确实方便,楼主也可以试试把Hexo托管到Vercel上。

okok,等下试试

zqhsqb 发表于 2023-12-16 15:48

雷欧库珀 发表于 2023-12-16 15:24
图片不好弄,目前用github做图床,但是要注意仓库大小,存多了有人工审核

的确不好弄,刚刚开始搞hexo的时候搞了1.2天,差点没弄好{:1_924:}

FruitBaby 发表于 2023-12-16 16:20

试玩一下,之前听说过,没真实体验过,

vethenc 发表于 2023-12-16 18:37

感谢分享,一直断断续续的在用{:300_966:}

vethenc 发表于 2023-12-16 18:39

我最近用的主题是3-hexo

zqhsqb 发表于 2023-12-16 19:06

vethenc 发表于 2023-12-16 18:39
我最近用的主题是3-hexo

我最近使用的是gal,我觉得还不错
页: [1]
查看完整版本: 关于hexo的使用(上)