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

【使用hexo模板创建个人博客网站】

使用hexo模板创建个人博客网站

  • 环境准备
    • node安装
    • hexo安装
    • ssh配置
  • 使用hexo命令搭建个人博客网站
    • hexo命令
  • 部署到github
    • 创建仓库
    • 修改_config.yml文件
  • 编写博客
  • 主题扩展

环境准备

node安装

进入node官网安装node.js
使用node -v检查是否安装成功
node安装
安装成功后应该出现如上界面

hexo安装

使用npm install hexo -g来安装hexo
测试hexo是否安装成功
hexo -v
hexo安装

ssh配置

使用ssh-keygen来生成新的ssh公钥
一路回车就行了
然后进入C:/用户/你的用户名/.ssh里面
公钥
打开这个文件夹里面的东西,复制下来,前往github
ssh

使用hexo命令搭建个人博客网站

hexo命令

hexo init初始化
hexo g生成静态文件
hexo s预览,是本地的,在localhost:4000下运行可以看到效果
hexo d部署

部署到github

创建仓库

在github上创建一个仓库,格式必须按照如下创建
用户名.github.io
否则访问不成功,用户名也不要有大写

修改_config.yml文件

找到yml文件里面的deploy
替换成如下的:

deploy:
  type: git
  repository: git@github.com:anmoryli/anmoryli.github.io.git
  branch: main

然后使用hexo d部署,就可以通过用户名.github.io进行公网ip的访问了

编写博客

新建一篇名为:chenge-first-blog的博客
命令:hexo new ‘chenge-first-blog’
可以看到生成了一个chenge-first-blog.md文件,通过这个md文件去写博客

默认的内容是这样的:
title: chenge-first-blog
date: 2025-03-07 21:30:43
tags:
这里开始编写正文


编写好之后
hexo g生成静态文件
hexo d部署
就完成了一篇博客的撰写

主题扩展

博客所在目录下打开git bash,再通过Git clone https://github.com/theme-next/hexo-theme-next themes/next即可完成。
打开根目录下的_config.yml,查找theme字段,将字段改为theme: next(冒号:之后要有空格分隔,否则无效) ,之后通过hexo g和hexo s,再在浏览器中访问localhost:4000即可本地预览主题效果。
打开themes/next/下的_config.yml,查找scheme,可以看到如下四种不同的风格方案:

scheme: Muse
#scheme: Mist
#scheme: Pisces
#scheme: Gemini

去掉#注释,即启用对应的scheme,博主采用Muse主题,大家可以依次测试效果,选择自己喜欢的scheme。

相关文章:

  • 趣味学习法,助力消防设施操作员考试
  • Spring(五)容器-依赖注入的三种方式
  • C语言——位操作运算
  • electron + vue3 + vite 主进程到渲染进程的单向通信
  • Gravitino源码分析-SparkConnector 实现原理
  • HTML5的新特性有哪些?
  • 网络安全配置截图 网络安全i
  • 【AI赋能】AI工具图文创造指南:从主题到一键发布的完整指南
  • 动态ip和静态ip适用于哪个场景?有何区别
  • CODEGEN:一种基于多轮对话的大型语言模型编程合成方法
  • 永洪科技深度分析实战,零售企业的销量预测
  • 隐私保护在 Facebook 用户身份验证中的应用
  • 从连接到交互:SDN 架构下 OpenFlow 协议的流程与报文剖析
  • LLM论文笔记 19: On Limitations of the Transformer Architecture
  • 【江协科技STM32】TIM编码器接口测速(学习笔记)
  • 【虚拟化】Docker Desktop 架构简介
  • SyntaxError: Illegal return statement
  • 【git】ssh配置提交 gitcode-ssh提交
  • 消防行业如何借助 TDengine 打造高效的数据监控与分析系统
  • DeepSeek-进阶版部署(Linux+GPU)
  • 太仓网站建设太仓/鲜花网络营销推广方案
  • 做的网站出现404/快速排名优化seo
  • 供应链管理专业研究生/seo建站网络公司
  • 找网络公司做网站需要注意/免费发布平台
  • 设计页面跳转/seo对网络推广的作用是
  • 绿色家园网站怎么做/新品推广策划方案