利用Github Pages和Hexo搭建个人博客

2024-05-23 23:58

本文主要是介绍利用Github Pages和Hexo搭建个人博客,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Github Pages和Hexo介绍

Github PagesGithub 推出的一个福利。可以在上面构建个人页面。Hexo 就是一个快速、简洁且高效的博客框架(官网上是这么说的,hhh),并且支持一键部署到github。可以用它来构建自己的个人博客,当hexo遇到Github pages时,我们就不需要自己的一个服务器就可以搭建一个个人博客网站了。下面开始讲搭建过程。


创建自己的Github Pages

首先需要在Github上创建自己的静态页面。这个需要使用到Github Pages服务,需要有Github账号才行。如果没有账号的自行去官网注册一个。这里就不多说了。
如何创建自己的静态页面,总的来说就是(假设你使用过GitHub):

  1. 创建一个和Repository 并将其命名为 username.github.io其中 username 是你自己的github用户名。
  2. 在该Repository下创建静态页面(eg. index.html)
  3. 访问 username.github.io就可以见到你创建的静态页面了。(就是一个有Hello World字样的页面)

不过如果你没使用过GitHub的话,官网上也有详细的引导步骤。具体参考Github Pages上第二步中的 I don’t know 环节


使用Hexo建站

安装使用Hexo需要依赖到Nodejs,如果你还没有就赶紧去官网上下一个吧。参照官网的安装步骤,还是非常简单的。
安装完Nodejs后使用hexo就容易了。

安装Hexo

  1. 下载安装Nodejs
  2. 使用NPM安装Hexo
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

Hexo建站

这个其实在官网文档中已经说的很详细的了。大家可以参照文档中的去做。大致的步骤就是:

  1. 初始化目录hexo init <folder>,目录结构请参考官网说明
  2. 创建自己的博文hexo new [layout] <title>,参考写作
  3. 修改配置,生成页面并部署到GitHubhexo deploy,参考部署
    以上只是一个概括性的建站步骤,详细配置说明这些大家需要进入到官网文档中自行去了解。

选择主题

另外,Hexo有很多主题,大家可以挑选自己喜欢的主题配置上去。关于主题挑选可以参考下面这两个网站:

  • 有哪些好看的Hexo主题
  • Hexo官网列出的主题

我自己使用的是Next主题.该主题已经支持了比较多的特性,大家可以参考官方文档去选择配置自己需要的特性。比如有 阅读计数,分享功能,评论功能,文章搜索功能等。

推广

如果只是自己记录自己看的话,那么可以忽略这步了。建站后有的同学希望能推广自己的博客,希望能被搜索引擎收录自己的网站。那么就需要做如下的步骤了。这些都是我在建站的时候遇到的问题,也是参考的别人的解决方案做的。下面给出步骤:

  1. 绑定自己的域名,没有的话去整一个。参考github pages+阿里云域名绑定搭建个人博客
  2. 添加百度和谷歌收录。参考hexo提交搜索引擎(百度+谷歌)
  3. Hexo Next SEO 优化。 参考Hexo NexT 主题SEO优化指南
  4. 解决百度蜘蛛无法抓取GitHub的页面导致无法收到到百度的问题。参考百度无法爬取Github Pages静态网站解决方案

个人博客: Vioao’s Blog

这篇关于利用Github Pages和Hexo搭建个人博客的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/996787

相关文章

Windows Server 2025 搭建NPS-Radius服务器的步骤

《WindowsServer2025搭建NPS-Radius服务器的步骤》本文主要介绍了通过微软的NPS角色实现一个Radius服务器,身份验证和证书使用微软ADCS、ADDS,具有一定的参考价... 目录简介示意图什么是 802.1X?核心作用802.1X的组成角色工作流程简述802.1X常见应用802.

Spring Cloud GateWay搭建全过程

《SpringCloudGateWay搭建全过程》:本文主要介绍SpringCloudGateWay搭建全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录Spring Cloud GateWay搭建1.搭建注册中心1.1添加依赖1.2 配置文件及启动类1.3 测

SpringBoot快速搭建TCP服务端和客户端全过程

《SpringBoot快速搭建TCP服务端和客户端全过程》:本文主要介绍SpringBoot快速搭建TCP服务端和客户端全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录TCPServerTCPClient总结由于工作需要,研究了SpringBoot搭建TCP通信的过程

Gradle下如何搭建SpringCloud分布式环境

《Gradle下如何搭建SpringCloud分布式环境》:本文主要介绍Gradle下如何搭建SpringCloud分布式环境问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录Gradle下搭建SpringCloud分布式环境1.idea配置好gradle2.创建一个空的gr

Linux搭建单机MySQL8.0.26版本的操作方法

《Linux搭建单机MySQL8.0.26版本的操作方法》:本文主要介绍Linux搭建单机MySQL8.0.26版本的操作方法,本文通过图文并茂的形式给大家讲解的非常详细,感兴趣的朋友一起看看吧... 目录概述环境信息数据库服务安装步骤下载前置依赖服务下载方式一:进入官网下载,并上传到宿主机中,适合离线环境

使用Python构建一个Hexo博客发布工具

《使用Python构建一个Hexo博客发布工具》虽然Hexo的命令行工具非常强大,但对于日常的博客撰写和发布过程,我总觉得缺少一个直观的图形界面来简化操作,下面我们就来看看如何使用Python构建一个... 目录引言Hexo博客系统简介设计需求技术选择代码实现主框架界面设计核心功能实现1. 发布文章2. 加

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言:为什么要自建知识博客一、技术选型:极简主义开发栈二、系统架构设计三、核心代码实现(分步解析

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》:本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.

MySQL双主搭建+keepalived高可用的实现

《MySQL双主搭建+keepalived高可用的实现》本文主要介绍了MySQL双主搭建+keepalived高可用的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、测试环境准备二、主从搭建1.创建复制用户2.创建复制关系3.开启复制,确认复制是否成功4.同