利用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

相关文章

本地搭建DeepSeek-R1、WebUI的完整过程及访问

《本地搭建DeepSeek-R1、WebUI的完整过程及访问》:本文主要介绍本地搭建DeepSeek-R1、WebUI的完整过程及访问的相关资料,DeepSeek-R1是一个开源的人工智能平台,主... 目录背景       搭建准备基础概念搭建过程访问对话测试总结背景       最近几年,人工智能技术

5分钟获取deepseek api并搭建简易问答应用

《5分钟获取deepseekapi并搭建简易问答应用》本文主要介绍了5分钟获取deepseekapi并搭建简易问答应用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需... 目录1、获取api2、获取base_url和chat_model3、配置模型参数方法一:终端中临时将加

Mycat搭建分库分表方式

《Mycat搭建分库分表方式》文章介绍了如何使用分库分表架构来解决单表数据量过大带来的性能和存储容量限制的问题,通过在一对主从复制节点上配置数据源,并使用分片算法将数据分配到不同的数据库表中,可以有效... 目录分库分表解决的问题分库分表架构添加数据验证结果 总结分库分表解决的问题单表数据量过大带来的性能

Java汇编源码如何查看环境搭建

《Java汇编源码如何查看环境搭建》:本文主要介绍如何在IntelliJIDEA开发环境中搭建字节码和汇编环境,以便更好地进行代码调优和JVM学习,首先,介绍了如何配置IntelliJIDEA以方... 目录一、简介二、在IDEA开发环境中搭建汇编环境2.1 在IDEA中搭建字节码查看环境2.1.1 搭建步

Python基于火山引擎豆包大模型搭建QQ机器人详细教程(2024年最新)

《Python基于火山引擎豆包大模型搭建QQ机器人详细教程(2024年最新)》:本文主要介绍Python基于火山引擎豆包大模型搭建QQ机器人详细的相关资料,包括开通模型、配置APIKEY鉴权和SD... 目录豆包大模型概述开通模型付费安装 SDK 环境配置 API KEY 鉴权Ark 模型接口Prompt

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

搭建Kafka+zookeeper集群调度

前言 硬件环境 172.18.0.5        kafkazk1        Kafka+zookeeper                Kafka Broker集群 172.18.0.6        kafkazk2        Kafka+zookeeper                Kafka Broker集群 172.18.0.7        kafkazk3

【IPV6从入门到起飞】5-1 IPV6+Home Assistant(搭建基本环境)

【IPV6从入门到起飞】5-1 IPV6+Home Assistant #搭建基本环境 1 背景2 docker下载 hass3 创建容器4 浏览器访问 hass5 手机APP远程访问hass6 更多玩法 1 背景 既然电脑可以IPV6入站,手机流量可以访问IPV6网络的服务,为什么不在电脑搭建Home Assistant(hass),来控制你的设备呢?@智能家居 @万物互联

pico2 开发环境搭建-基于ubuntu

pico2 开发环境搭建-基于ubuntu 安装编译工具链下载sdk 和example编译example 安装编译工具链 sudo apt install cmake gcc-arm-none-eabi libnewlib-arm-none-eabi libstdc++-arm-none-eabi-newlib 注意cmake的版本,需要在3.17 以上 下载sdk 和ex

HomeBank:开源免费的个人财务管理软件

在个人财务管理领域,找到一个既免费又开源的解决方案并非易事。HomeBank&nbsp;正是这样一个项目,它不仅提供了强大的功能,还拥有一个活跃的社区,不断推动其发展和完善。 开源免费:HomeBank 是一个完全开源的项目,用户可以自由地使用、修改和分发。用户友好的界面:提供直观的图形用户界面,使得非技术用户也能轻松上手。数据导入支持:支持从 Quicken、Microsoft Money