Hexo零成本搭建个人博客网站2

简介: Hexo零成本搭建个人博客网站

三、编辑个人博客网站

1.新建文章:

blog文件夹里,打开GBH,输入hexo new "文章标题"

hexo new "新电脑配置"

在blog\source_posts下看到创建的文章。

dfff57f5135041ca9f7cb76ebcf1fed9.png

双击点开刚刚创建的文章,推荐使用Typora来编写文章。


8c35e0d1e1234ac5b593abbd48f98529.png

2.网页生成:

再运行hexo g,生成网页。

ec6681a864724ef1b7bec6224df7b84a.png


3.博客生成:

最后运行hexo s,生成博客。

fc33a4a720924381ae33055e8b085b99.png

4.网站查看:

浏览器打开http://localhost:4000/查看是否新增文章。


587cc70fdc394e669082cfd9b0e314f1.png

四、博客主题更换

1.找到主题网站

Hexo主题官网或Hexo首页滑到最下方。




80ba5414dbd64b7b9e995916cf7bd1b6.png


然后找到一个喜欢的主题:例如:https://hexo-theme-async.imalun.com/guide/

2.安装主题

根据主题安装步骤进行操作。

0f1cb0e4674b4e83a12990e2d9a6fdce.png

3.修改主题配置

根据主题的步骤,找到配置,根据指南进行配置。

4.生成和运行博客

hexo g

hexo s

五、注册gitee

1.打开Gitee网站

Gitee官网

2.Gitee简介

Gitee是开源中国推出的基于Git的代码托管服务平台,可以用它做个人博客。

3.Gitee实名验证

右上角找到“账号设置”,找到“实名验证”,进行验证。

提示:没有实名验证就没有办法开启Gitee Pages服务。

b12d96e8955644e9841f155d5e5cd38b.png

4.新建仓库

右上角找到“+”,找到“新建仓库”。

路径为个人空间地址。


70f3bc8fe16949b3bfd400d5abe14101.png

5.将博客上传到Gitee中

1.复制下面两行代码

git config --global user.name "xxx"
git config --global user.email "xxx@user.noreply.gitee.com"


5d6e1b4f403e4a59897304c7970984f7.png

然后在GBH上粘贴。

2.在GBH输入 ssh-keygen -t rsa -C "邮箱地址",输入三次回车。

3.获取秘钥:输入cat ~/.ssh/id_rsa.pub,然后复制显示的秘钥,打开刚刚创建的仓库,

4.添加秘钥:在gitee设置中,找到SSH公钥,粘贴刚刚的秘钥。



8eef6e07cb504956b47a0b24b6f7f0e1.png

5.输入:ssh -T git@gitee.com,返回successfully,表示成功。

f0d380fd0eee4550a7b7933e256c0a16.png

6.打开_config.yml网站配置文件,找到deploy,添加下面内容。

repository:后面增加一个空格,后面地址为Gitee仓库的SSH地址。

7.运行完成将博客部署到Gitee中:运行npm install hexo-deployer-git --save

8.输入hexo ghexo s

9.部署博客:hexo d,部署完成,可以在Gitee仓库中看到创建的代码文件

点击“管理”,将仓库开源。



519516df5ff545d2b974dccfe07ed50e.png

点击服务,点击Gitee Pages,开启强制使用。



8967cc3e751745f3801539106d71852f.png

网站上会提示“你正在部署网站”。

dcf53f8bc47345dbba93fbc060c15da2.png

后面的地址就是个人博客的地址。

恭喜你已经获得一个完全免费的个人博客网站。

六、更新博客网站


更新自己的博客后,运行hexo g生成网页。hexo s运行本地服务器。先在本地查看修改的样式是否满意。再将网页部署到Gitee中,输入hexo d部署博客。然后打开Gitee在Pages服务中点击更新,博客就会发生变化。


如果没有发生变化,可以输入hexo clean清理缓存文件,然后再输入hexo ghexo d重新部署一次。

总结

做自己的博客,不是一个简单的事情,但是绝对是一件很酷的事情。




目录
相关文章
|
存储 JavaScript 编译器
玩转vitepress1.0,搭建个人网站~
当初1月份的时候为了后续春招求职,就使用vitepress搭建了一个个人网站,然后把自己本地的一些md文件整理了发布在了上面,不过当时vitepress还未发布正式版本,还是0.22.x这样的版本, 所以其实有很多不满意的地方,比如侧边栏折叠之前没有,明暗模式之前没有,单篇文章的大纲好像也没有,侧边栏在不同tab下有问题,这些我不太确定,可能功能是有的,但是官方文档上没更新罢了
535 0
|
存储 对象存储 CDN
Hexo从0到1搭建博客系列04:图床的最佳实践
Hexo从0到1搭建博客系列04:图床的最佳实践
390 0
|
2月前
|
安全
教你如何10分钟搭建一个网站?
在快节奏的互联网上,做很多时间都需要快,包括网站搭建、也可以做到快速搭建,今天给大家分享一个10分钟搭建网站的过程
|
22天前
|
存储 运维 前端开发
如何自己搭建一个网站?
‌确定需求和目标‌:在开始搭建网站之前,明确网站的需求和核心,网站主要是什么途径:展示产品或服务、提供信息和资源、增加销售、提升品牌形象等。
|
存储 程序员 API
30分钟快速搭建并部署一个免费的个人博客
30分钟快速搭建并部署一个免费的个人博客
254 0
利用docsify搭建个人博客并免费上线,太好用了,必须分享一下!
利用docsify搭建个人博客并免费上线,太好用了,必须分享一下!
|
JavaScript Ubuntu Linux
Hexo零成本搭建个人博客网站1
Hexo零成本搭建个人博客网站
192 0
|
JavaScript Ubuntu 网络安全
Hexo 个人博客搭建
hexo Github Pages博客搭建全过程 声明: 演示环境为Ubuntu 16.04,记录时间为16~17年。 创建仓库 !NOTE 目的是使用GitHub Pages来部署我们的博客。 注册GitHub账号,官网地址:https //github.com/ 登录后如下图,点击创建仓库
108 0
|
JavaScript 前端开发 Shell
Hexo系列(一) 搭建博客网站
Hexo系列(一) 搭建博客网站
156 0
|
JavaScript
使用 hexo 框架 快速搭建个人博客(一)
使用 hexo 框架 快速搭建个人博客(一)
157 0
使用 hexo 框架 快速搭建个人博客(一)