当前位置: 首页 > 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: gitrepository: git@github.com:anmoryli/anmoryli.github.io.gitbranch: 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。


http://www.mrgr.cn/news/93582.html

相关文章:

  • 点云数据处理--splat转3dtiles
  • Vue23Web 基礎性拉滿的面試題(2025版)還沒更新完...
  • RSA的理解运用与Pycharm组装Cryptodome库
  • Networking Based ISAC Hardware Testbed and Performance Evaluation
  • vite:初学 p5.js demo 画圆圈
  • 大语言模型学习--向量数据库基础知识
  • Ubuntu 下 nginx-1.24.0 源码分析 - ngx_init_cycle 函数
  • PyTorch中的线性变换:nn.Parameter VS nn.Linear
  • C#使用winform实现简单的梯形图指令编译和执行,带编译器和虚拟机代码
  • Wpf-ReactiveUI-Usercontrol与主界面交互
  • C语言实现贪吃蛇
  • 高考數學。。。
  • 200W数据需要去重,如何优化?
  • 20250306-笔记-精读class CVRPEnv:step(self, selected)
  • Flink深入浅出之03:状态、窗口、checkpoint、两阶段提交
  • FPGA学习篇——Verilog学习3(关键字+注释方法+程序基本框架)
  • 蓝桥杯单片机——第十五届蓝桥杯省赛
  • STM32之I2C硬件外设
  • C语言100天练习题【记录本】
  • STM32之硬件SPI