IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 搭建个人博客-hexo+github pages搭建个人博客教程 -> 正文阅读

[开发工具]搭建个人博客-hexo+github pages搭建个人博客教程

如何搭建个人博客-hexo搭建个人博客教程

1 安装hexo并生成本地博客目录

1.1 前置依赖


在搭建之前你需要:
有一个github账号;
安装了Node.js,没有的去Node.js官网安装即可;
安装了git,并设置了用户和邮箱,网上教程很多。

因为这里我们用的是github pages部署静态网站,所以简单介绍一下使用github pages服务搭建博客的好处有:

  • 全是静态文件,访问速度快; 免费方便,不用花一分钱就可以搭建一个自由的个人博客;

  • 不需要服务器不需要后台根据Github的限制,对应的每个站有300MB空间;

  • 轻量级的博客系统,没有麻烦的配置,使用标记语言,比如Markdown;

  • 可以随意绑定自己的域名;

    数据安全,基于github的版本管理,想恢复到哪个历史版本都行;
    博客内容可以轻松打包、转移、发布到其它平台。

1.2 安装cnmp管理器


使用cmd命令行或者git bash 安装淘宝镜像的cnmp

npm install -g cnpm --registry=http://registry.npm.taobao.org	

下面是一些相关操作,可用以判断是否安装成功

node -v	#查看node版本
npm -v	#查看npm版本
cnpm -v	#查看cnpm版本

1.3安装hexo


cnpm install -g hexo-cli    #安装hexo框架
hexo -v	#查看hexo版本

1.4生成博客


进入你要将博客相关内容放在此比如F:/blog下,前提要新建这个目录

mkdir blog	#创建blog目录
cd blog	 #进入blog目录
hexo init 	#生成博客 初始化博客
hexo s	#启动本地博客服务

此时博客已经部署成功到localhost了,在浏览器输入网址localhost:4000就可以看到生成的默认主题的博客
在这里插入图片描述

2 创建github pages博客

2.1 新建github仓库


在github中新建仓库名称为你的用户名.github.io

2.2 修改配置文件_config.yml


cmd或者git bash进入到博客目录下,vim _config.yml或者code _config.yml编辑_config.yml文件。翻到最下面,修改deploy内的type为git,repo为https://github.com/你的用户名/你的用户名.github.io.git,添加branch为master(虽然默认就是master)在这里插入图片描述

2.3 部署博客到github


接下来在cmd或者git bash 输入

cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件
//然后输入
hexo d #

可以看到博客已经部署到新建的repository了。
我们就可以通过用户名.github.io访问个人博客了。

3 个人博客相关配置及主题修改

可以阅读官方文档进行相应的配置。官方文档写的很权威和详细。
hexo中文官方文档https://hexo.io/zh-cn/docs/
github pages中文官方文档https://docs.github.com/cn/pages

如果想修改主题
可以到https://hexo.io/themes/下载自己喜欢的主题,并阅读主题作者写的官方文档进行配置。
我用的是melody主题搭建的博客,欢迎大家访问我的个人博客mainkeys.github.io


  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-09-08 10:56:38  更:2021-09-08 10:57:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/23 4:51:22-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计