首页 > 其他分享 >GitHub + Hexo 搭建个人博客网站

GitHub + Hexo 搭建个人博客网站

时间:2022-11-21 00:13:16浏览次数:64  
标签:INFO github Hexo hexo blog GitHub git 搭建

一、准备工作

1. GitHub + Hexo 的优势

Hexo 提供现成的模板和模块;githubpages 功能提供免费的服务器,零成本搭建属于自己的博客。

2. 需要了解的网站

  • github,开源代码托管网站,需要我们去注册一个账号。
  • hexo,一个快速、简洁且高效的博客框架,需要我们去提前了解一些搭建文档。
  • git,本地安装 git 工具,实现代码提交和推送。
  • nodejs,本地安装 nodejsHexo 基于 nodejs 编写的。

以上安装软件操作,请自行搜索

二、github 上创建仓库

1. 新建仓库

image

2. 填写地址

仓库名称为 <用户名>.github.io,勾上 Add a README file
image

提示,用户名为你自己的 github 帐号,见下图。
image

3. 访问

访问地址 https://<用户名>.github.io,如图则说明创建成功。
image

三、本地安装 Hexo,生成博客模板

1. 安装 Hexo

打开cmd,执行

npm install -g hexo-cli

查看 Hexo 版本

hexo -v

执行结果如下

PS C:\Users\Administrator> hexo -v
hexo-cli: 4.3.0
os: win32 10.0.25217
node: 14.21.1
v8: 8.4.371.23-node.87
...

2. 创建本地博客

切换到工作区域文件夹下,执行

hexo init github-blog

执行结果如下

PS D:\workspace\blog> hexo init github-blog
INFO  Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
INFO  Install dependencies
...
22 packages are looking for funding
  run `npm fund` for details
found 0 vulnerabilities
INFO  Start blogging with Hexo!

然后初始化

cd github-blog
npm i

安装好后运行,执行

hexo g
hexo server

执行结果

PS D:\workspace\blog\github-blog> hexo g
INFO  Validating config
INFO  Start processing
INFO  Files loaded in 141 ms
INFO  Generated: archives/index.html
···
INFO  17 files generated in 349 ms
PS D:\workspace\blog\github-blog> hexo server
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.
INFO  Have a nice day

浏览器打开 http://localhost:4000/ 预览,如下图
image

四、提交本地博客至 github 仓库

有两种方式

1. 利用 Hexo 的部署插件

安装 hexo-deployer-git

npm install hexo-deployer-git -D

安装完之后修改根目录的 _config.yml 文件,拉到最下面,增加远程仓库地址(自己的),记得保存(ctrl + s)。

deploy:
  type: git
  repo: [email protected]:weizwz/weizwz.github.io.git
  branch: main

提示,远程仓库地址选择 ssh 的,如下图,HTTPS 的貌似还需要 token(主要是我加完token也没成功。。。)
image

部署到GitHub

hexo g -d

执行成功后,查看 github 代码仓是否更新,查看博客地址页面。
image

2. 直接将 public 目录中的文件和目录推送至 gitHub 仓库

可参考我的博客 Git使用记录 - 持续更新 - 将本地项目关联到远程仓库。
记得是 public 目录,不是整个项目。如果你把整个项目推送了过去,记得回退。

标签:INFO,github,Hexo,hexo,blog,GitHub,git,搭建
From: https://www.cnblogs.com/weizwz/p/16909844.html

相关文章

  • 利用qemu搭建deepin
    转自https://blog.davidwang.org/2022/10/27/deepin-riscv-qemu/笔者按照自己的实践稍作整理利用QEMU搭建deepin-riscv64宿主机环境:1.安装QEMUaptinstallqemu2.......
  • DataEase v1.17.0 Windows开发环境搭建
    主要参考官方文档:https://dataease.io/docs/dev_manual/dev_manual/,以下为搭建过程中的一些主要步骤及注意事项: 一、开发环境准备:后端:JDK8、Mysql5.7、Maven3,DataE......
  • elk搭建
    elk搭建参考资料:https://www.cnblogs.com/adawoo/p/11665532.htmljdk安装https://www.cnblogs.com/cheesebar/p/9126171.htmlelk安装1.关闭防火墙和selinuxsy......
  • Github制作CocoaPods私有库
    创建私有库模版使用命令进入到要建立私有库工程的目录,执行以下命令,CDUtils是私有库项目名。$podlibcreateCDUtils接下来终端会询问几个问题,请根据实际情况设置:......
  • Hadoop运行环境搭建1
    Hadoop运行环境搭建1第1章Hadoop运行环境搭建(开发重点)1.1虚拟机环境准备1)准备三台虚拟机,虚拟机配置要求如下:单台虚拟机:内存4G,硬盘50G,安装必要环境(1)修改克隆虚拟机的......
  • Hadoop运行环境搭建2
    Hadoop运行环境搭建2接上篇第3章Hadoop编译源码3.1前期准备工作1)CentOS联网配置CentOS能连接外网。Linux虚拟机pingwww.baidu.com是畅通的注意:采用root角色编译,减少文......
  • Github网站打Tag方法
    热烈欢迎,请直接点击!!!进入博主AppStore主页,下载使用各个作品!!!注:博主将坚持每月上线一个新app!!!登录GitHub,右侧点击【Releases】,输入Tag,比如【1.0.0】,点击【Createnewta......
  • Github添加CocoaPods公开库
    热烈欢迎,请直接点击!!!进入博主AppStore主页,下载使用各个作品!!!注:博主将坚持每月上线一个新app!!!一、上传写好的库到github1.在github上创建一个仓库 2.将仓库拉倒本地......
  • 【环境配置笔记】基于clang15搭建liunx内核代码阅读环境
    环境:Toolchain(yocto导出)Linux5-15,arm64VScodeclangd15.0.31.VScode配置在VScode/VScodeserver中配置以下插件:ClangdC/C++C/C++ExtensionPackC/C++SnippetsCodeRu......
  • github加速器 FastGithub的安装与使用
    github加速器FastGithub的安装与使用国内访问github网址不稳定,时而可以访问时而访问失败,找到了一个稳定的方法来访问,通过FastGithub加速来进行访问工作原理修改本机......