hexo 搭建个人博客记录

news/2024/11/17 4:45:47/

看B站的程序羊的关于搭建hexo博客的方法自己搭了一个博客,链接是

手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo

下面就视频所讲做做笔记,以后可以回来查看,推荐小伙伴想搭建hexo博客的可以去看看这个视频。

1. 安装Node.js

安装网址:

Node.js

在这里插入图片描述
直接安装就好。最后会安装两个东西:Node.js和npm。

在命令行窗口(cmd)输入命令查看Node.js的版本

node -v

输入命令查看npm的版本

npm -v

2. 安装hexo

在cmd输入命令安装hexo:

npm install hexo

3. 建立博客的文件夹

建立博客的文件夹,关于hexo的所有文件都放在这个文件夹。在cmd输入命令在当前路径新建一个blog的文件夹(文件名你也可以自己取一个)。

mkdir blog

输入命令进入blog文件夹。

cd blog

4. 启动hexo

启动hexo(s可以理解为start)

hexo s

然后就可以通过 http://localhost:4000访问hexo博客。

在这里插入图片描述

5. hexo部署到github

在github新建一个仓库

在这里插入图片描述

在这里插入图片描述
我这边已经安装过了,所以显示安装不了。

然后配置一下改为部署到这个仓库。

找到_config.yaml这个文件,用编辑器打开(比如记事本)

在这里插入图片描述
在这里插入图片描述

拉到最下面在deploy后面加上type、repo、branch等信息。

deploy:type: gitrepo: https://github.com/Yuanzidan081/Yuanzidan081.github.io.git # 你刚刚建立的github.io的仓库地址复制过来branch: master

上述配置好以后使用命令安装部署github的工具:

npm install --save hexo-deployer-git

部署到远端:

hexo d

后面需要验证github账号,按照提示来就好了。

然后就可以用github.io的网址来访问自己的hexo博客了。

6. hexo更换主题

hexo默认的主题不是很好看,可以更换主题。

我希望做出来的博客像csdn一样左边有清晰的专栏,不要太花里胡哨。觉得好看的主题的仓库有

  1. volantis-x / community
  2. xaoxuu / hexo-theme-stellar
  3. theme-nexmoe / hexo-theme-nexmoe
  4. ppoffice / hexo-theme-icarus

大家也可以去hexo 的官网,有很多的主题可以挑选。网址是:

hexo themes

点击就可以进入对应的Github网址。

我选择的是一款简约商务风的一款主题stellar。

首先我们需要把主题克隆过来,我在stellar的Github网址复制下SSH链接(其他主题也是一样打开对应的Github网址,复制相应的SSH链接)。

在这里插入图片描述

在当前的blog路径下打开Git bash,输入命令

git clone git@github.com:xxx.git themes/xxx #这里要使用你想要的的主题的SSH链接,放在当前目录下的themes的stellar文件夹中

比如我这里克隆的是stellar主题,我输入的命令是

git clone git@github.com:xaoxuu/hexo-theme-stellar.git themes/stellar #这里要使用你想要的的主题的SSH链接,放在当前目录下的themes的stellar文件夹中

很快就克隆好,然后我们可以查看我们的主题

在这里插入图片描述

然后我们还是一样的,在_config.yaml这个文件编辑:

找到theme,后面改成你的主题的名字。

比如我改成了

theme: stellar

在这里插入图片描述
然后输入命令

hexo clean && hexo g && hexo s && hexo d

结束以后然后再查看一下就发现更新了!

在这里插入图片描述

有时候github page配置的好像有点慢,部署了可能没有办法马上变过来,要等一下。

7. hexo新建文章

输入命令可以为hexo新建文章(n可以理解为new)

hexo n "我的第一篇博客"

引号引起来的就是你的博客文章名字。

新建的博客是md文件,可以在blog/source/_posts看到。

在这里插入图片描述

md文件是Markdown文件,可以用Typora或者VSCode打开编辑。

生成文章后需要更新一下。还是输入命令

hexo clean && hexo g && hexo s && hexo d

重新打开会看到新的页面多出一篇新的文章,这里就不放图了,可以自己试试。要删除文章就直接在之前的路径blog/source/_posts删除对应的md文件,然后重新进行一下上面的三个步骤:清空、生成、启动。

在这里插入图片描述

后记

如果npm的下载源可能很慢,可以用下面的命令切换为淘宝源。这一步不是必要的,如果下载速度可以就不需要。我在windows上直接用的npm,下载速度感觉还可以接受,上面都是用的npm的命令。网上说这一步windows会报错需要改权限什么的我没有试过。程序羊的视频用的是这个淘宝镜像。

npm install -g cnpm -->registry=https://registry.npm.taobao.org

其他参考:

  1. hexo 文档
  2. Stellar 每个人的独立博客

http://www.ppmy.cn/news/35217.html

相关文章

javascript基础(二)

17 事件处理JS 事件(event)是当用户与网页进行交互时发生的事情,例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时,您可以使用 JavaScript 中的事件处理程序(也可称为事…

电路基础_模拟电路_问答_2023_01

模拟电路 (数学、电路、编程、信号处理) 模拟电路的历史可以追溯到19世纪初,当时电学理论才刚刚开始发展。经过多年的研究和实践,一些重要的电学定律和基本电路结构被发现和建立,如欧姆定律、基尔霍夫定律、戴维南-诺…

【数据结构】顺序表的深度刨剖析

前言:在上一篇文章中,我们已经对数据结构有了一定了解,我们可以通过优化空间复杂度或者时间复杂度从而提高我们程序运行或存储速率。至此我们就知道了数据结构的重要性,所以今天我们将要了解和学习一种实用的数据结构——线性表。…

中科亿海微FPGA应用(一、点灯)

1.软件: https://download.csdn.net/download/weixin_41784968/87564071 需要申请license才能使用:软件试用申请_软件试用申请_中科亿海微电子科技(苏州)有限公司 2.开发板: 芯片EQ6HL45,42.5k LUT。 3…

Autosar诊断-DCM模块内的子模块

文章目录 前言一、DCM模块内的子模块1.1、DSL(Diagnostic Session Layer)1.2、DSD(Diagnostic Service Dispatcher)1.3、DSP(Diagnostic Service Processing)二、DCM和其他模块的交互2.1 DCM和PduR的交互2.2 DCM和ComM的交互总结前言 诊断通信管理(Diagnostic Communica…

摄影入门 | 相机的基本原理

一、获取图像——小孔成像实验 小孔成像实验中,点燃蜡烛,会在小孔另一面的白纸上看到一个倒立的烛焰。 此现象可以用来解释物理学原理:光在同种均匀介质中,在不受引力作用干扰的情况下沿直线传播。 这样,我们就用一种…

【CE进阶】lua脚本使用

▒ 目录 ▒🛫 导读需求开发环境1️⃣ 脚本窗口Lua ScriptLua EngineAuto assemble2️⃣ 全局变量3️⃣ 进程当前打开的进程ID系统的进程列表系统的顶部窗口列表4️⃣ 线程5️⃣ 输入设备6️⃣ 屏幕7️⃣ 剪贴板🛬 文章小结📖 参考资料&#x…

AUTOSAR-各个模块作用初识(下)

文章目录 一、Autoasr整体框架图(Vector)二、各个模块简介13.AVB-Audio video Bridge13.1.vAVTP13.2.vSrp13.3.vRtp14.MCAL14.1.CAN driver14.2.ETH driver14.3.EthSwt14.4.FR14.5.LIN14.6.RamTst14.7.ADC-AD采集驱动程序14.8.DIO-通用的输入输出端口的控制驱动程序14.9.Eep-…