5分钟搭建hexo+gitee博客

阳光穿透心脏的1/2处 2022-12-05 02:15 273阅读 0赞

5分钟搭建hexo+gitee博客

我是在Linux服务器上搭建的

环境准备

安装git和nodejs

  1. 安装git
  2. [root@localhost ~]# yum -y install git
  3. Loaded plugins: fastestmirror
  4. Determining fastest mirrors
  5. base | 3.6 kB 00:00:00
  6. epel | 4.7 kB 00:00:00
  7. extras | 2.9 kB 00:00:00
  8. updates | 2.9 kB 00:00:00
  9. (1/5): epel/x86_64/group_gz | 95 kB 00:00:00
  10. (2/5): epel/x86_64/updateinfo | 1.0 MB 00:00:00
  11. (3/5): extras/7/x86_64/primary_db | 206 kB 00:00:00
  12. (4/5): epel/x86_64/primary_db | 6.9 MB 00:00:00
  13. (5/5): updates/7/x86_64/primary_db | 4.5 MB 00:00:00
  14. Package git-1.8.3.1-23.el7_8.x86_64 already installed and latest version
  15. Nothing to do
  16. 安装nodejs
  17. 下载二进制文件,我的是 12.18.3版本的(目前长期支持版本)
  18. [root@iZbp1098qx0mbltjlw3l1zZ ~]# wget https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz
  19. --2020-09-05 13:48:24-- https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz
  20. Resolving nodejs.org (nodejs.org)... 104.20.22.46, 104.20.23.46, 2606:4700:10::6814:162e, ...
  21. Connecting to nodejs.org (nodejs.org)|104.20.22.46|:443... connected.
  22. HTTP request sent, awaiting response... 200 OK
  23. Length: 14700900 (14M) [application/x-xz]
  24. Saving to: node-v12.18.3-linux-x64.tar.xz
  25. 100%[========================================================================>] 14,700,900 348KB/s in 30s
  26. 2020-09-05 13:48:57 (471 KB/s) - node-v12.18.3-linux-x64.tar.xz saved [14700900/14700900]
  27. 解压文件,我习惯性的解压到/usr/local/下
  28. [root@iZbp1098qx0mbltjlw3l1zZ ~]# tar xf node-v12.18.3-linux-x64.tar.xz -C /usr/local/
  29. [root@iZbp1098qx0mbltjlw3l1zZ ~]# cd /usr/local/node-v12.18.3-linux-x64/
  30. [root@iZbp1098qx0mbltjlw3l1zZ node-v12.18.3-linux-x64]# ls
  31. bin CHANGELOG.md include lib LICENSE README.md share
  32. 检查版本,因为Node官网已经把 linux下载版本更改为已编译好的版本了,我们直接下载解压后就可以使用
  33. [root@iZbp1098qx0mbltjlw3l1zZ node-v12.18.3-linux-x64]# ./bin/node -v
  34. v12.18.3
  35. 设置软连接(或者在环境变量中添加nodebin目录到path中也可以,就是方便使用这两个命令)
  36. [root@iZbp1098qx0mbltjlw3l1zZ node-v12.18.3-linux-x64]# ln -s /usr/local/node-v12.18.3-linux-x64/bin/npm /usr/local/bin/
  37. [root@iZbp1098qx0mbltjlw3l1zZ node-v12.18.3-linux-x64]# ln -s /usr/local/node-v12.18.3-linux-x64/bin/node /usr/local/bin/

开始安装hexo

1.安装hexo

  1. [root@localhost ~]# npm install -g hexo
  2. /usr/local/node-v12.18.3-linux-x64/bin/hexo -> /usr/local/node-v12.18.3-linux-x64/lib/node_modules/hexo/bin/hexo
  3. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.1.2 (node_modules/hexo/node_modules/chokidar/node_modules/fsevents):
  4. npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted { "os":"darwin","arch":"any"} (current: { "os":"linux","arch":"x64"})
  5. + hexo@5.1.1
  6. added 88 packages from 348 contributors in 59.674s
  7. 设置软连接
  8. [root@localhost ~]# ln -s /usr/local/node-v12.18.3-linux-x64/bin/hexo /usr/local/bin/

2.初始化hexo

创建一个文件夹,并进入到文件夹内,初始化hexo

  1. [root@localhost ~]# mkdir /blog
  2. [root@localhost ~]# cd /blog
  3. [root@localhost blog]# hexo init
  4. INFO Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
  5. Submodule 'themes/landscape' (https://github.com/hexojs/hexo-theme-landscape.git) registered for path 'themes/landscape'
  6. Cloning into 'themes/landscape'...
  7. remote: Enumerating objects: 28, done.
  8. remote: Counting objects: 100% (28/28), done.
  9. remote: Compressing objects: 100% (25/25), done.
  10. remote: Total 1106 (delta 9), reused 13 (delta 2), pack-reused 1078
  11. Receiving objects: 100% (1106/1106), 3.23 MiB | 30.00 KiB/s, done.
  12. Resolving deltas: 100% (595/595), done.
  13. Submodule path 'themes/landscape': checked out '73a23c51f8487cfcd7c6deec96ccc7543960d350'
  14. INFO Install dependencies
  15. added 183 packages from 420 contributors and audited 189 packages in 19.021s
  16. 8 packages are looking for funding
  17. run `npm fund` for details
  18. found 0 vulnerabilities
  19. INFO Start blogging with Hexo!

初始化完成后的项目结构
在这里插入图片描述

3.修改_config.yml对博客进行基础配置

  1. [root@localhost blog]# vim _config.yml
  2. # Site
  3. title: zhangxiaoxing #博客名字
  4. subtitle: ''
  5. description: ''
  6. keywords:
  7. author: zhangxiaoxing #作者名
  8. language: en
  9. timezone: ''
  10. # Extensions
  11. ## Plugins: https://hexo.io/plugins/
  12. ## Themes: https://hexo.io/themes/
  13. theme: landscape #主题名

4.启动

编译项目,输入命令:hexo g
运行项目,输入命令:hexo s

  1. [root@localhost blog]# hexo g
  2. INFO Validating config
  3. INFO Start processing
  4. INFO Files loaded in 131 ms
  5. INFO Generated: archives/index.html
  6. INFO Generated: archives/2020/index.html
  7. INFO Generated: archives/2020/09/index.html
  8. INFO Generated: index.html
  9. INFO Generated: img/favicon.png
  10. INFO Generated: img/logo.png
  11. INFO Generated: photoswipe/default-skin/default-skin.png
  12. INFO Generated: js/typed.js
  13. INFO Generated: 2020/09/05/hello-world/index.html
  14. INFO Generated: photoswipe/photoswipe-ui-default.min.js
  15. INFO Generated: photoswipe/photoswipe.css
  16. INFO Generated: photoswipe/default-skin/default-skin.css
  17. INFO Generated: css/diaspora.css
  18. INFO Generated: photoswipe/default-skin/default-skin.svg
  19. INFO Generated: photoswipe/default-skin/preloader.gif
  20. INFO Generated: js/diaspora.js
  21. INFO Generated: photoswipe/photoswipe-ui-default.js
  22. INFO Generated: photoswipe/photoswipe.min.js
  23. INFO Generated: js/plugin.js
  24. INFO Generated: img/cover.jpg
  25. INFO Generated: img/welcome-cover.jpg
  26. INFO Generated: js/jquery.min.js
  27. INFO Generated: photoswipe/photoswipe.js
  28. INFO 23 files generated in 40 ms
  29. [root@localhost blog]# hexo s
  30. INFO Validating config
  31. INFO Start processing
  32. INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

这时候就可以访问http://localhost:4000看一下基本样子了,如果是云上服务器要先开安全组在这里插入图片描述

部署hexo到码云

gitee账号创建已经提前创建好了,创建直接在官网创建就好了

1.新建仓库

在gitee右上角,找到+号,点击新建仓库
输入名称,选择公开
点击创建就好了
在这里插入图片描述

创建好后 复制项目地址

2.在_config.yml中配置Git

  1. [root@localhost blog]# vim _config.yml
  2. deploy:
  3. type: git
  4. repo: https://gitee.com/zhang-xiaoxing/blog.git
  5. branch: master

3.发布到码云上

安装自动部署发布工具

  1. [root@localhost blog]# npm install hexo-deployer-git --save

在配置文件中增加博客地址

  1. [root@localhost blog]# vim _config.yml
  2. url: https://gitee.com/zhang-xiaoxing/blog
  3. root: /blog

发布博客
[root@localhost blog]# hexo clean && hexo g && hexo d
首次发布需要在shell中输入账号和密码

4.Gitee Pages设置

在服务中选择Gitee Pages
在这里插入图片描述

在这里插入图片描述

稍等一会后,就可以访问了
https://zhang-xiaoxing.gitee.io/blog/

在这里插入图片描述

到这里简单的博客就搭建好了

发表评论

表情:
评论列表 (有 0 条评论,273人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Django_5:用户登录

    a之前创建了超管用户admin,在实际使用中,一般用户是 不能轻易登录管理后台的,非管理员用户最好是从前台登录,登录之后仅具有所规定的功能。 1 创建应用 为了实现用户

    相关 5分钟Hexo个人

    原创:祈澈菇凉 写在前面的话 很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用H

    相关 5分钟Hexo个人

    写在前面的话 很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客