首页 > 其他分享 >搭建一个Hexo个人博客系统

搭建一个Hexo个人博客系统

时间:2022-10-07 06:44:25浏览次数:75  
标签:npm git Hexo hexo 博客 github 安装 搭建

0x01 前言

虽然说前两天折腾了一下博客园(自己之前也有做过自己的博客,奈何维护费用太贵了,真的消耗不起,钱要花在刀刃上。)
网上有些教程有些参差不齐,今天给自己的真实搭建过程呈现给大家。

0x02 准备

首先,我们需要准备一下Node.js环境。直接前往Node.js中文网下载。
http://nodejs.cn/
image
我们选择长期支持版本即可,因为我们的博客最重要的是稳定,不要追求更新。

如果你有想法,想要上传到github,文章末尾会讲解。但是不会告诉你如何在Windows下安装git工具,其实正常下载安装就行,可以参考别的大佬的博客,我这里就不多赘述。

image
按照过程,一直Next即可。安装完成可以进行一下验证:
image
输入node -v应该会显示当前的版本。我写教程的时间是2022年10月7日,版本无需一样。
image
一般情况下,npm也会帮我们安装完成。假如你没有安装,可以百度去了解一下问题。
如果觉得npm比较慢,可以参考安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org
image
创建一下工作目录,方便我们管理。
image
使用npm install -g hexo-cgi命令,安装hexo。关于npm命令的讲解可以参考菜鸟教程 -> https://www.runoob.com/nodejs/nodejs-npm.html
验证安装:hexo -v
image

开始部署Hexo

初始化和启动服务

hexo init
image
我们可以看到,目录下面已经创建出来了文件。
image
输入hexo s即可启动hexo的服务,他默认会映射到4000端口。
image
我们直接访问地址,查看。
image

创建文章

使用命令hexo new test
image
image
先随便编辑一下。
image
效果:
image
image
hexo g也可以生成静态页面。
image

上传到GitHub

Github创建一个以 [用户名].github.io格式的存储库。
先使用ssh-keygen -t rsa -C GitHub注册邮箱的命令,创建一下Key Gen
image
image
此时所有东西都为默认,直接三个回车敲上去。就可以创建完成了。
image
打开提示的路径,如我的是C:\Users\Moxin/.ssh/
image
image
填写进生成文件中的id_rsa.pub文件,名称随意
image
这样就是成功了。
接下来我们编辑Hexo目录中的_config.yml
image
image
在deploy中,编辑。
deploy:
type: git
repo: [email protected]:xxx/xxx.github.io.git
branch: master
message: update
使用命令:npm install hexo-deployer-git --save 安装Hexo的git工具
image
hexo clean 清理缓存
hexo g 生成html静态文件
hexo d 上传
image
Windows下要用Git bash,不然容易出错。
image
接下来我们就看到,文件已经上传上了。但是我们新版的GitHub默认的路径是main,可不要搞错了,搞错可就出洋相了。
image
在 仓库-Settings中配置,记得切换成master,如果不想这样切换,就在上面deploy中编辑brach设置成main。
接下来就大功告成了,可能有些延时。有不足的地方欢迎大家指出并纠正,也是学习的过程。
image

标签:npm,git,Hexo,hexo,博客,github,安装,搭建
From: https://www.cnblogs.com/M0x1n/p/hexo-and-github.html

相关文章

  • 基于.NetCore开发博客项目 StarBlog - (18) 实现本地Typora文章打包上传
    前言九月太忙,只更新了三篇文章,本来这个功能是从九月初就开始做的,结果一直拖到现在国庆假期才有时间完善并且写文章~之前我更新了几篇关于Python的文章,有朋友留言问是不......
  • 修改博客的鼠标图标
    修改博客的鼠标图标——默认的鼠标样式和PC机一样,没有一点心意,美化我们的鼠标“迫在眉睫”参考博文:>> 博客园自定义鼠标美化-yyyz-博客园(cnblogs.com) <<修改方......
  • bbs首页搭建(根据用户是否登录展示不同的内容)
    前端部分(主要是if进行一个判断)判断是否登录,登录了展示不同内容!<ulclass="navnavbar-navnavbar-right">{%ifrequest.user.is_authenti......
  • 修改密码弹出框搭建
    前端代码搭建主要利用的是bootstrap3中js插件里的模态框版块<li><ahref=""data-toggle="modal"data-target=".bs-example-modal-lg">修改密码</a></li><divclass="......
  • 博客园第一次随笔
    软件技术基础https://edu.cnblogs.com/campus/zjlg/22rjjc此次作业的目的介绍自己,认识自己,知道自己具有哪些能力,哪些地方需要学习姓名-学号吴子瑞-2020339......
  • 大佬博客记录
    记录大佬博客,同时为了让优质的内容能得到更多的传播另有一重要的点是要会从大佬向外辐射,这样就能找到一群大佬了(基本都是编程、游戏相关的云风的BLOG(codingnow.com)......
  • LowcodeCore 低代码开发框架——快速搭建数据操作API、数据中台
    @目录技术交流QQ群:2727291761.背景介绍2.LowcodeCore介绍2.1开发环境2.2框架依赖3.LowcodeCore开发文档3.1快速搭建LowcodeCore项目3.1.1步骤一:新建项目3.1.2步骤......
  • 魔兽世界服务端开服架设服务器搭建教程​
    魔兽世界服务端开服架设服务器搭建教程​作为魔兽世界资深玩家,你是否有想过自己开服当服主?相信能看到此篇文章的你心里是有想法的。首先你需要知道开魔兽需要准备哪些东西,​......
  • 魔兽世界服务端开服架设服务器搭建教程Centos系统​
    魔兽世界服务端开服架设服务器搭建教程Centos系统​作为魔兽世界资深玩家,你是否有想过自己开服当服主?相信能看到此篇文章的你心里是有想法的。首先你需要知道开魔兽需要准......
  • HBase1.4.6安装搭建及shell命令使用
    HBase1.4.6安装搭建目录HBase1.4.6安装搭建一、前期准备(Hadoop,zookeeper,jdk)搭建Hbase1、上传解压2、配置环境变量3、修改hbase-env.sh文件4、修改hbase-site.xml文件5、......