Ubuntu下github pages+hexo搭建自己的博客

最新推荐文章于 2024-06-20 17:14:22 发布
原创 最新推荐文章于 2024-06-20 17:14:22 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用Hexo快速搭建个人博客，并部署至GitHub。包括安装Node.js及Hexo，配置本地环境，撰写Markdown文章，以及通过SSH将博客托管在GitHub上等步骤。

hexo 是一个基于Node.js的静态博客程序，可以方便的生成静态网页托管在github上.Hexo简单优雅, 而且风格多变, 适合搭建个人博客,而且支持多平台的搭建.
平台
Ubuntu14.04

安装hexo

安装node.js

使用nvm安装node.js:
cURL:

curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:

wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

安装完后,用nvm安装node.js.

nvm install 4

安装hexo

npm install -g hexo-cli

开始写博客

建立博客

$mkdir ~/blog
$hexo init ~/blog #初始化博客
$cd ~/blog
$hexo generate     #生成博客
$hexo server   #运行本地服务

在浏览器输入http://localhost:4000就可以看到效果.

写文章

配置完后,就可以写markdown文章了,进入博客目录,

$hexo new "postname"   #文章名字是postname

博文会自动生成在博客目录下source/_posts/postName.md

#文件自动生成格式:
title: "It Starts with iGaze: Visual Attention Driven Networkingwith Smart Glasses"  #博文题目
date: 2014-11-21 11:25:38      #生成时间
tags: Paper                    #标签, 多个标签使用格式[Paper1, Paper2, Paper3,...]
---

如果不想博文在首页全部显示, 并能出现阅读全文按钮效果, 需要在你想在首页显示的部分下添加

将博客托管在github上

生成github ssh公钥

1.检查是否已安装ssh,如果没有则安装
2.检查是否存在ssh公钥.

$cd ~/.ssh

3.生成ssh公钥

$ ssh-keygen -t rsa -C "your_email@youremail.com"

生成了~/.ssh目录.
输入github密码

Enter passphrase (empty for no passphrase): [Type a passphrase] 
Enter same passphrase again: [Type passphrase again]
Your identification has been saved in /home/you/.ssh/id_rsa. 
# Your public key has been saved in /home/you/.ssh/id_rsa.pub.
# The key fingerprint is: ...

4.将公钥添加到github
打开github，找到账户里面添加SSH，把~/.ssh/idrsa.pub的内容复制到key里面。
5.测试是否生效
使用下面的命令测试

$ssh -T git@github.com
The authenticity of host 'github.com (207.97.227.239)' can't be established. 
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. 
Are you sure you want to continue connecting (yes/no)?

输入yes

Hi username! 
You've successfully authenticated, but GitHub does not provide shell access.

成功.

将博客部署到github

1.安装部署到git的插件:

npm install hexo-deployer-git --save

2.修改~/blog/_config.yml文件:

# Deployment  
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@github.com:goodluckcwl/goodluckcwl.github.io.git  
  branch: master   #部署分支,一般使用master主分支

执行:

$hexo deploy

打开你的github个人博客.

修改主题

在hexo官网下载主题,修改~/blog/_config.yml文件.

数学公式显示

数学公式显示使用Mathjax引擎,可以下载插件hexo-math.

公式显示错误

Markdown 里使用 Mathjax 有一个很大的缺点,会把两个_按照Markdown的语法解释.
该冲突主要是由于对 \ 和 _ 的转义造成的。找到 marked.js脚本文件, 通常在:/blog/node_modules/hexo-renderer-marked/node_modules/marked/lib/markd.js,先复制一份保存,再修改:

escape: /^\\([\\`*{}\[\]()#+\-.!_>])/,

改为

escape: /^\\([`*\[\]()#+\-.!_>])/,

再将

return '<em>' + text + '</em>';

改为:

return '_' + text + '_';

取消markdown转义,这样数学公式就显示正确了.

Markdown编辑器

haroopad

基于 Ubuntu 搭建 Hexo 个人博客
GCCHEN__的博客
05-13 3064
背景 相比 wordpress，我更喜欢 Hexo 的简洁 ，然后就去找教程了，然后发现一些教程照着去做会报一些错误，可能因为环境差异的原因，然后综合了多个教程和各种网上扒报错终于把 Hexo 搭好了，然后整理了一下贴出来，希望能给想要搭建 Hexo 个人博客的大家一个参考，想先看看效果，欢迎访问我的Hexo 博客。 一、准备环境 1、安装 Git sudo apt in...
ubuntu系统建立自己的blog!
qq_43202953的博客
03-22 376
通过Github + Hexo 完成博客建立 需要域名，可自行购买。 安装node.js和npm sudo apt-get update sudo apt-get install nodejs sudo apt-get install npm 查看版本验证 nodejs -v npm -v 安装Hexo mkdir hexo cd hexo sudo npm install -g hexo-cli hexo init 插件安装 npm install hexo-generator-index --sa
在Ubuntu上尝试搭建个人博客
ba_root的博客
08-31 955
一些基本终端命令 一、文件目录 cd 作用：切换当前目录 用法：接绝对文件路径（以"/"开头) 或 相对文件路径 (直接以目录名开头)的路径 pwd 作用：列出当前所在目录名 ls 作用：根据所接参数有不同显示目录下内容的作用 用法："-"接参数 二、 文件操作 touch 作用：创建新文件 用法：接想要创建的文件名 cp 作用：复制文件 用法：接需要被复制的文件名后接复制后的新文件命名 rm 作用：删除文件 用法："-"接参数接文件名 三、 文件编辑（vim文本编辑器) vi 作用：编辑某个文件
Ubuntu20.04下，搭建hexo个人博客
细粒丁的博客
12-15 6107
Ubuntu20.04下，搭建hexo个人博客，nginx
了解githubPages+hexo搭建博客的原理
sunshine940326的博客
02-26 4155
之前用githubPages+hexo搭建了一个自己的博客：sunshine940326.github.io(就是你现在看到的博客)，当时还不知道怎么使用git和github，所以只是跟着网上的教程在一步一步操作，现在了解了git知道怎么使用之后才慢慢明白其中的原理。什么是github pages 什么是github pages github是项目托管网站，列出了项目的源文件，所以github
Hexo+GitHub搭建博客
小林同学的博客
02-12 462
借助Hexo+GitHub快速搭建属于自己的博客网站。
网络-- 个人网页 github pages + jekyll个人网页
code_snow的博客
06-08 1198
然后就是kimi和chatgpt，比如在配置环境的过程中，ubuntu或者cmd窗口给出的错误提示，搜索引擎给出的答案太片段了，使用大模型，给出的结果就会更系统，更全面，对于解决debug过程中的问题很好用。还一个问题，在本地访127.0.0.1:4000，页面挺正常的，但是部署到github上，访问https://username.github.io 也有内容，字是对的，但是格式大小什么的都不对，以后再说了。昨天13.00到今天13.00，才基本搞好了一个个人网页，可以更改标题，更换图片一些基本操作。
如何优雅的使用Github Action服务来将Hexo部署到Github Pages
m0_51390969的博客
06-20 1685
文章添加编辑后，现在只需要推送到仓库，那么github不仅会保存你的Hexo个人博客源码，还会自动更新个人博客静态页面到gh-pages，由此触发github-page功能来更新你的个人博客网站。，随后在左边栏目就可以看到新Hexo Utils的新菜单，只要你的VSCode当前打开的文件夹是hexo的根目录，那么插件就会自动识别到，当你对md文件使用“侧边预览”时，图片就正常显示了。缺少仓库地址，所以把请求地址复制一份，并在后面添加上仓库名即可，这需要修改_config.yml中修改url字段。
通过GitHub和Hexo来搭建自己的个人博客
旺仔的专栏
10-12 6842
搭建个人博客在我大学的时候建过一次，那时候是用新浪云和Wordpress搭建的，那时候新浪云服务是免费的，后来变收费，博客就没有了。之前便想着再弄个自己的博客出来，这几天就着手弄了起来。 看到很多人的个人博客是用github来当服务器，然后通过Hexo来搭建博客框架，那么新建个人博客也用这两个来搭建吧。本文同步更新于旺仔的个人博客，访问可能有点慢，多刷新几次。 GitHub主页创建仓库想必大家都
基于 Ubuntu 搭建 WordPress 个人博客
10-02
基于 Ubuntu 搭建 WordPress 个人博客.md 是本人在使用Ubuntu 服务器搭建WordPress个人博客时所进行的步骤，能够快速在服务端搭建好一个个人博客系统。
ubuntu搭建博客系统
RayChiu757374816的博客
03-16 2083
云服务器上从零搭建容器化前后端分离个人博客系统
ubuntu下用hexo框架搭建个人博客
qq_16583513的博客
07-20 280
@拥有一个属于自己的个人博客 准备好一个Github账号 安装 git ，在你的ubutun系统下安装git sudo apt-get install git 设置Git git config --global user.name "你的用户名，例如github的账号" git config --global user.email "你的邮箱，例如github中的邮件地...
github+hexo搭建博客
CSDN-ZCL
10-20 258
github+hexo搭建博客 前言 沉寂了这么久，我的博客终于要更新了。之前因为毕业找工作，加上工作之后忙于工作的事情，一直想着要更新博客，却一直没时间，今天，博客终于迎来了更新。 今天我们来说说如何搭建自己的博客，本次的教程是基于ubuntu系统的。 因为搭建了自己的博客，所以以后的文章在新的博客平台上更新的会多一些。欢迎光临我的新博客。 hexo的安装 Hexo 是一个快速、简洁且高效的博客...
ubuntu下搭建Hexo+GitHub博客
ztfDeveloper的博客
10-27 866
一、安装 Node.js和npm sudo apt-get update sudo apt-get install nodejs sudo apt-get install npm 如果报错,请更改软件源–清华大学开源软件源,并更新查看nodejs和npm版本号 nodejs -v npm -v 可以正常打印版本号说明,安装成功二、安装 Hexo创建博客所在目录 mkdi
ubuntu安装hexo博客
weixin_34416754的博客
04-10 157
ubuntu下安装hexo博客 一 安装git sudo apt-get install git 二 安装nodejs 官网下载linux安装包.tar.gz文件 解压 tar zxvf 这样变可以切到该文件下执行node npm 如果要在任意目录可以访问的话，需要将node 所在的目录，添加PATH环境变量里面...
Ubuntu下用hexo搭建github博客
yucicheung的博客
03-13 1047
基础配置 安装git $ sudo apt install git-core # 已安装请略过 并且在你的github主页创建一个repo，命名为username.github.io，比如对我来说就是yucicheung.github.io。本帖不细述，请参考github page基本指南。 安装nodejs $ wget -qO- https://raw.githu...
Hexo 搭建个人博客（ubuntu20.04）
qq_23174771的博客
06-15 1014
Hexo 搭建个人博客（ubuntu20.04）
Ubuntu+hexo
最新发布
03-16
### 安装和配置 Hexo 的步骤 #### 准备工作 在开始之前，确保已经安装了必要的依赖项。这些工具包括 Node.js 和 Git。 1. **Node.js 安装** 使用以下命令来安装最新版本的 Node.js： ```bash curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - sudo apt-get install -y nodejs ``` 验证安装是否成功可以通过检查版本号完成： ```bash node -v npm -v ``` 2. **Git 安装** 如果尚未安装 Git，则通过以下命令进行安装并验证： ```bash sudo apt update sudo apt install git git --version ``` #### Hexo 安装 一旦基础环境准备完毕，就可以继续安装 Hexo： 1. **全局安装 Hexo CLI 工具** 运行以下命令以安装 Hexo 命令行界面 (CLI) 工具： ```bash npm install -g hexo-cli ``` 此外，确认 Hexo 是否已正确安装： ```bash hexo -v ``` 2. **初始化项目目录** 创建一个新的文件夹作为博客项目的根目录，并对其进行初始化： ```bash mkdir myblog && cd myblog hexo init . npm install ``` #### 启动本地服务器 为了测试设置是否正常，在开发模式下启动一个简单的 HTTP 服务： ```bash hexo server ``` 打开浏览器访问 `http://localhost:4000` 来查看默认页面[^2]。 #### 发布到远程仓库 如果希望将博客托管至 GitHub Pages 或其他平台，需进一步配置部署选项。 1. 修改 `_config.yml` 文件中的 deploy 节点为如下形式（假设目标是 GitHub Pages）： ```yaml deploy: type: git repo: https://github.com/username/username.github.io.git branch: main ``` 2. 执行发布指令前先确保有可用的 SSH 密钥连接到 GitHub 并授权账户。 3. 推送生成的内容到远端存储库： ```bash hexo clean hexo generate hexo deploy ``` 至此，整个流程结束，个人博客站点即搭建完成[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值