当前位置: 首页 > news >正文

基于hexo框架的博客搭建流程

这篇博文讲一讲hexo博客的搭建及文章管理,也算是我对于暑假的一个交代

!!!注意:下面的操作是基于你已经安装了node.js和git的前提下进行的,并且拥有github账号

创建一个blog目录

在磁盘任意位置创建一个文件夹,命名为blog,然后打开命令行,进入blog目录,输入以下命令:
npm install -g hexo-cli
等待安装完成,然后输入hexo init命令,等待hexo初始化完成。

初始化完成后,直接hexo server命令启动本地服务器,然后在浏览器中输入http://localhost:4000访问博客。

此时,你应该可以在该端口看到hexo的默认主题,但是这里只能在端口中显示,别人无法访问,所以我们还需要进行一些配置。

github pages配置

配置ssh

  1. 生成sshkey
    在gitbash下输入 cd ~/.ssh进入该文件,然后ssh keygen -t rsa -C "your_email"生成sshkey,其中your_email为你的github注册邮箱.这个sshkey在C:/user/.ssh/目录下,其中id_rsa是私钥,id_rsa.pub是公钥。

添加sshkey到github

  1. 打开github,点击右上角头像,选择settings
  2. 点击左侧栏中的SSH and GPG keys,然后点击New SSH key
  3. 将刚刚复制的 ssh key 粘贴到Key输入框中,Title输入框中输入一个标题,然后点击Add SSH key按钮。

验证:输入命令ssh -T git@github.com 并且输入yes,行末尾会显示你的用户名

接着在本地绑定与github仓库的链接

  1. 输入命令:git config --global user.name "your_name",其中your_name为你的github用户名
  2. 输入命令:git config --global user.email "your_email",其中your_email为你的github注册邮箱

上传博客

  1. 打开blog文件夹中的_config.yml文件,找到deploy选项,将type改为git,repository改为你的github仓库地址,例如:https://github.com/用户名/用户名.github.io.git,branch改为main,然后保存。

安装启动工具

  1. 输入命令:npm install hexo-deployer-git
  2. 输入命令:hexo clean
  3. 输入命令:hexo g
  4. 输入命令:hexo d部署博客

访问博客

打开浏览器,输入https://用户名.github.io访问你的博客。


至此,你已经成功搭建了自己的hexo博客,那如何管理自己的文章呢?

文章管理

新建文章

在终端输入命令hexo new post -p /文件夹/文件名.md,其中文件夹为你存放文章的文件夹,文件名为你新建文章的名称,后缀为.md。

这样才可以自动生成文章模板,然后就可以编辑文章了。

一些文件的配置

  1. _config.yml文件:该文件是hexo博客的配置文件,可以修改博客的名称、主题、端口等。

其中我们的大部分功能都是在config.butterfly中配置的,该文件的优先级比config大,当两个文件中中又完全相同的功能的时候,config.butterfly会优先覆盖config中相同的功能

**那config.butterfly文件是怎么来的呢?**这是该主题的配置文件,只需将该主题的config文件复制一份添加到根目录中,然后对此进行修改

  1. 注意路径一定要用url包括,不然无法显示

各种文章书写语法

时间轴

时间轴参考以下语法

其他的俺还没整明白,俺也不知道俺能菜到什么地步呜呜呜

http://www.lryc.cn/news/495623.html

相关文章:

  • 数据结构-简单排序
  • 三十一:HTTP多种重定向跳转方式的差异
  • 利用Python爬虫精准获取淘宝商品详情的深度解析
  • 架构师的英文:Architect
  • 数据结构 ——— 计数排序算法的实现
  • k8s搭建Istio环境,案例pod一直处在Init:CrashLoopBackOff
  • Jenkins升级到最新版本后无法启动
  • 用户界面创建一个新的运动类型
  • ubuntu防火墙入门(一)——设置服务、关闭端口
  • 分治算法——二分查找(c++)(详解)
  • Binder架构
  • 大数据治理:解锁数据价值,引领未来创新
  • 解决windows下php8.x及以上版本,在Apache2.4中无法加载CURL扩展的问题
  • 【韩顺平老师Java反射笔记】
  • Arrays.asList()新增报错,该怎么解决
  • 【热门主题】000072 分布式数据库:开启数据管理新纪元
  • 基于Springboot开发的云野旅游平台
  • 2024金盾信安杯线上赛 MISC ezpng[wp]
  • 搭建业务的性能优化指南
  • 电脑提示报错“Directx error”怎么解决?是什么原因导致的?游戏软件提示“Directx error”错误的解决方案
  • Linux——自定义简单shell
  • 基于matlab程序实现人脸识别
  • Unity跨平台基本原理
  • 【前端开发】小程序无感登录验证
  • Flink常见面试题
  • spark同步mysql数据到sqlserver
  • Python Web 开发:FastAPI 基本概念与应用
  • Linux设置开启启动脚本
  • go并发设计模式runner模式
  • nn.RNN解析