hexo 搭建个人博客记录

看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: git
  repo: 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 每个人的独立博客

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/4044.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

react项目路由组件懒加载和路由传值方式

项目实战 使用useRoutes配置路由&#xff0c;结合插槽配置用户登录检测。 用户登录成功进入login 直接系统主界面 路由模块抽离 整体代码外移 { path: "/admin", element: ( <Author name"admin"> <Index /> </Author> ), }, { path:…

「SAP ABAP」OPEN SQL(七)【GROUP BY | HAVING | ORDER BY】

&#x1f482;作者简介&#xff1a; THUNDER王&#xff0c;一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学本科在读&#xff0c;同时任汉硕云&#xff08;广东&#xff09;科技有限公司ABAP开发顾问。在学习工作中&#xff0c;我通常使用偏后端的开发语言A…

基于matlab已知地球两点坐标求取距离和方位角函数distance

一、语法1.语法1[arclen,az] distance(lat1,lon1,lat2,lon2)&#xff1b;R6371.393; % 地球半径&#xff0c;单位&#xff1a;km地点1&#xff08;维度lat1&#xff0c;经度lon1&#xff09;&#xff0c;地点2&#xff08;维度lat2&#xff0c;经度lon2&#xff09;假设地点1和…

001 鸿蒙系统环境搭建及运行hello world

1 下载与安装DevEco Studio 在HarmonyOS应用开发学习之前&#xff0c;需要进行一些准备工作&#xff0c;首先需要完成开发工具DevEco Studio的下载与安装以及环境配置。 进入DevEco Studio下载官网&#xff0c;单击“立即下载”进入下载页面。 DevEco Studio提供了Windows版本…

PCIe基础

PCIe基础 PCI Express&#xff0c;简称PCI-E&#xff0c;官方简称PCIe&#xff0c;是计算机总线的一个重要分支&#xff0c;它沿用既有的PCI编程概念及信号标准&#xff0c;并且构建了更加高速的串行通信系统标准。目前这一标准由PCI-SIG组织制定和维护。 拓扑 配置空间 在 P…

【Python】plt.title()函数

plt.title() 是 matplotlib 库中用于设置图形标题的函数。 一、基本语法如下 plt.title(label, fontdictNone, locNone, padNone, **kwargs)其中&#xff1a; label 是要设置的标题文本&#xff0c;可以是字符串类型或者是数学表达式。fontdict 是一个可选的参数&#xff0c…

QT 基于AES加解密的使用,解析java端发来的密文

背景 java端往ukey中写授权信息&#xff0c;C端从ukey中读取授权信息。 java端写入的授权信息是加密的&#xff0c;并且要可逆。 因为java端采用的是AES加密的&#xff0c;所以我(C端)也只好采用对等形式搞定了。 使用的库 开发环境&#xff1a;Win10 Qt5.13 QT中AES加解密…

uniapp项目打包apk相关(androidStudio,Hbuildx,dCloud)

1、先注册和登陆dCloud平台&#xff0c;管理应用信息。 需要准备的参数(3个) APP_ID&#xff08;如&#xff1a;__UNI__123ABCD&#xff09; 包名&#xff08;如&#xff1a;com.hx.mhoa&#xff09; 应用签名&#xff08;应用sha1&#xff0c;应用md5&#xff0c;应用sha256&…

HLS协议格式

HLS协议格式 ES流&#xff08;Elementary Stream&#xff09;&#xff1a;基本码流&#xff0c;不分段的音频、视频或者其他信息的连续码流PES流&#xff0c;把基本码流ES分割成段&#xff0c;并加上相应头文件打包成形的打包基本码流PS流&#xff08;Program Stream&#xff…

一文解析RISC-V SiFive U54内核——中断和异常

中断 U54内核支持M模式和S模式中断。默认情况下&#xff0c;所有中断都在M模式下处理 。对于支持S模式的 hart&#xff0c;可以有选择地将中断委托给S模式。 U54中断架构如下&#xff1a; U54内核还支持两种类型的 RISC-V 中断&#xff1a;本地 和全局 。 本地中断 &#xf…

目标检测算法之Fast R-CNN和Faster R-CNN原理

一、Fast R-CNN原理 在SPPNet中&#xff0c;实际上特征提取和区域分类两个步骤还是分离的。只是使用ROI池化层提取了每个区域的特征&#xff0c;在对这些区域分类时&#xff0c;还是使用传统的SVM作为分类器。Fast R-CNN相比SPPNet更进一步&#xff0c;不再使用SVM作为分类器&a…

议程更新 | Occlum Meetup 北京站--一起来聊机密计算 TEE

首届 Occlum Meetup 还有 3 天就要和大家见面啦&#xff01;北京的小伙伴们&#xff0c;我们来喽&#xff01;为了能和大家有更充足的时间交流沟通&#xff0c;我们小小的调整了一下议程&#xff5e;最新议程请见下方。本次 Meetup 是 Occlum 开源社区首次在北京线下开展&#…

yolo车牌识别、车辆识别、行人识别、车距识别源码(包含单目双目)

视频效果 车牌识别视频车辆识别视频yolov5车辆识别视频yolov5 yoloR对比行人车辆识别视频yolo车距1完整源码http://www.hedaoapp.com/goods/goodsDetails?pid4132 系统设计 车牌自动识别是以计算机视觉处理、数字图像处理、模式识别等技术为基础&#xff0c;对摄像机所拍摄的…

从零开始,简单几步教会你shopify店铺设计

在弄完shopify的基础配置之后&#xff0c;我们就开始可以设计一下我们的店铺。人都是视觉动物&#xff0c;很难不被好看的东西吸引&#xff0c;所以把店面弄得漂漂亮亮的就是我们赢得顾客信赖的第一步。接下来龙哥会详细地解析一下&#xff0c;shopify的店铺设计与配置要怎么展…

Elasticsearch 核心技术(八):常用 DSL 查询(全文搜索、精确匹配、布尔查询)

❤️ 博客主页&#xff1a;水滴技术 &#x1f680; 支持水滴&#xff1a;点赞&#x1f44d; 收藏⭐ 留言&#x1f4ac; &#x1f338; 订阅专栏&#xff1a;大数据核心技术从入门到精通 文章目录一、全文搜索1.1 查询所有&#xff08;match_all&#xff09;1.2 全文检索&…

CS-Stdio Display Builder

Display Builder 1) 操作界面编辑器和Runtime 2&#xff09;在EPICS edd/dm, medm, edm, ...想法上构建 3&#xff09;与CS-Studio BOY兼容性非常好 4&#xff09;大约2015年在CS-Stdio/Eclipse中开始&#xff0c;现在在CS-Studio/Phoebus中 5) 从209年以Web Runtime获取。…

logstash+elasticsearch+Kibana(ELK)日志收集

文章目录一.安装elasticsearch二. 安装kibana三.配置logstash四.springboot整合logstash五.spring整合Elastic Search不要一股脑执行以下语句,请观察修改要修改的地方 注意给logstash,elasticsearch,kibana释放端口,云服务器提供商和系统的端口 一.安装elasticsearch # 安装e…

【Linux】共享内存

1.共享内存的概念共享内存区是最快的IPC形式。一旦这样的内存映射到共享它的进程的地址空间&#xff0c;这些进程间数据传递不再涉及到内核&#xff0c;换句话说是进程不再通过执行进入内核的系统调用来传递彼此的数据。通信的前提是让两个进程看到同一份资源&#xff0c;信息的…

Multisim14.3安装包下载及安装教程

[软件大小]: 888 MB [安装环境]: Win11/Win 10 [软件安装包下载]:https://pan.quark.cn/s/1c0217caf24a Multisim是美国国家仪器&#xff08;NI&#xff09;有限公司推出的以Windows为基础的仿真工具&#xff0c;适用于板级的模拟/数字电路板的设计工作 安装步骤 1.选中下载好…

自主AI能力加速企业智能化转型 | 爱分析报告

报告编委 黄勇 爱分析合伙人&首席分析师 孟晨静 爱分析分析师 外部专家&#xff08;按姓氏拼音排序&#xff09; 杜晨阳 力维智联 五维实验室主任 王哲 九章云极DataCanvas 雅图BU总经理 特别鸣谢&#xff08;按拼音排序&#xff09; 目录 1. 报告综述 2. 金融…