Ubuntu+Hexo+Github搭建个人博客

目录

目录

  • 目录
  • 1. 简介
    • 环境
  • 2. Git安装及配置
    • 2.1 安装Git
    • 2.2 创建Git仓库
    • 2.3 配置git仓库
    • 2.4 添加公钥
  • 3. Node安装
  • 4. Hexo安装及配置
    • 4.1 安装hexo
    • 4.2 初始化hexo文件夹
    • 4.3 Hexo操作
    • 4.4 将git库和hexo链接起来
  • 5. 更换主题
  • 6. 博客迁移
    • 6.1 常规迁移
    • 6.2 特殊情况

1. 简介

以前部署的Hexo博客是在Windows上搭建的，在Windows系统使用很方便，碰到一些问题也都能够解决；现在安装了Ubuntu-18.04.1系统，需要重新使用Hexo搭建博客；为了兼容以前的windows博客，还需要将以前Windows系统的博客迁移到Ubuntu系统下使用；

环境

# uname -a
Linux xiami 5.3.0-40-generic #32~18.04.1-Ubuntu SMP Mon Feb 3 14:05:59 UTC 2020 x86_64 x86_64 x86_64 GNU/Linux

搭建博客需要安装的软件：

git

node.js

hexo

2. Git安装及配置

2.1 安装Git

使用命令安装Git工具：

# sudo apt install git

查看是否安张成功：

# git --version
git version 2.17.1

2.2 创建Git仓库

打开GitHub，点击“New repository”，创建一个新仓库，用来专门存放博客日志信息；仓库名要按照格式：账户名.github.io，比如：Mshrimp.github.io；否则，后边的操作会出现问题；创建仓库时勾选上“

Initialize this repository with a README”；

进入创建好的仓库Mshrimp.github.io，点击右侧的“Settings”，向下拉找到Github Pages，会看到网站是：https://mshrimp.github.io/，点击就可以访问，也可以通过外网访问，这时这个博客项目已经部署到网站上了，但是是个空的网站，没有内容；这个网址是博客的默认地址，如果有兴趣可以自己购买域名换成想要的地址。

2.3 配置git仓库

如果是第一次使用git，就需要先配置git环境，否则可以跳过；

$ git config --global user.name "Mshrimp"
$ git config --global user.email "******@outlook.com"

在没有配置git环境之前，~/.ssh是不存在的

$ cd ~/.ssh
bash: cd: /c/Users/Kevin-TP/.ssh: No such file or directory

使用ssh-keygen生成私钥和公钥

$ ssh-keygen -t rsa -C "[email protected]"
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/Kevin-TP/.ssh/id_rsa):
Created directory ‘/c/Users/Kevin-TP/.ssh‘.
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /c/Users/Kevin-TP/.ssh/id_rsa.
Your public key has been saved in /c/Users/Kevin-TP/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:pHNkvs9RsOToxmFH6gnkOb7j/dlRSc4c6TkOvGQ6fcc [email protected]
The key‘s randomart image is:
+---[RSA 3072]----+
|                 |
|               . |
|      . + +   +  |
|     o B * + * + |
|      B S + * X  |
|     . X = * = o |
|      . B + + o E|
|      .+ o = o . |
|     .o...= .    |
+----[SHA256]-----+

从以上的操作打印可以知道，生成的密钥和公钥的保存路径

Your identification has been saved in /c/Users/Kevin-TP/.ssh/id_rsa.
Your public key has been saved in /c/Users/Kevin-TP/.ssh/id_rsa.pub.

查看生成的密钥和公钥

$ cd ~/.ssh
$ ls
id_rsa  id_rsa.pub
$ cat id_rsa.pub
ssh-rsa
......

2.4 添加公钥

把本地公钥添加到github中；在GitHub中，点击右侧图像下拉选项，选择“Settings”，在“SSH and GPG keys”中，点击“New SSH key”，并将~/.ssh/id_rsa.pub文件里的内容复制上去，保存退出；

使用“ssh -T [email protected]”命令，测试添加ssh是否成功；

$ ssh -T [email protected]
......
Hi Mshrimp! You‘ve successfully authenticated, but GitHub does not provide shell access.

3. Node安装

命令行安装：

# sudo apt-get install nodejs
# sudo apt install npm

查看nodejs工具是否安装成功：

# nodejs -v
v8.10.0

4. Hexo安装及配置

先创建一个hexo操作的文件目录

[图片上传失败...(image-6e25ed-1586142446763)]

如果使用的是Linux系统，可以直接在命令行中输入命令操作，如果是windows系统，用管理员权限打开“命令提示符”，使用命令在电脑上安装hexo；或者，在hexo目录上右键，选择“Git Bash Here”，用git bash工具打开hexo目录，在git bash中使用命令操作；

4.1 安装hexo

# npm install hexo-cli -g
# npm install hexo -g

检查hexo是否安装成功

$ hexo -v
hexo: 4.2.0
hexo-cli: 3.1.0
os: Linux 5.3.0-45-generic linux x64
http_parser: 2.7.1
node: 8.10.0
v8: 6.2.414.50
uv: 1.18.0
zlib: 1.2.11
ares: 1.14.0
modules: 57
nghttp2: 1.30.0
openssl: 1.0.2n
icu: 60.2
unicode: 10.0
cldr: 32.0.1
tz: 2017c

4.2 初始化hexo文件夹

# hexo init

看到“Start blogging with Hexo！”打印，说明初始化完成；

输入npm install，安装所需要的组件

# npm install

hexo已经安装并初始化完成；

# ls
_config.yml  node_modules/  package.json  package-lock.json  scaffolds/  source/  themes/

到此，hexo环境安装完成。

4.3 Hexo操作

$ hexo g #generate 生成静态文件
$ hexo s #server 启动服务器。
// 默认情况下，访问网址为： [http://localhost:4000/]

在浏览器地址栏输入“http://localhost:4000/”打开页面，是一个空的博客网页；

4.4 将git库和hexo链接起来

配置Deployment

在hexo文件夹中，找到_config.yml文件，修改repository值（在末尾），repository值是github项目里的ssh；

deploy:
  type: git
  repository: [email protected]:Mshrimp/Mshrimp.github.io.git
  branch: master

HexoBlog部署到git，需要安装hexo-deployer-git插件，在blog目录下运行以下命令进行安装；

$ npm install hexo-deployer-git --save

npm WARN [email protected] requires a peer of [email protected]>= 4.12.1 but none is
installed. You must install peer dependencies yourself.

+ [email protected]
added 1 package from 1 contributor, removed 4 packages and updated 14 packages in
5.684s

修改根目录下_config.yml文件后，需要使用$ hexo deploy部署一下，否则修改内容不会生效；

$ hexo deploy

至此，一个空的博客已经搭建完成，下一步，添加博客文章；

5. 更换主题

由于不太喜欢原来自带的主题，找了一个比较好看的yilia主题，需要先从Github中将yilia主题的源码下载到博客目录的themes目录下（感谢yilia主题作者的无私奉献）；

# git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

在博客根目录下，修改_config.yml文件的themes：

themes: yilia

这个主题中的一些配置，可以根据需要自行修改，配置文件为themes/yilia/_config.yml；

效果如下：

6. 博客迁移

6.1 常规迁移

以前部署的Hexo博客是在Windows上搭建的，现在安装了Ubuntu-18.04.1，需要重新搭建博客；为了兼容以前的windows博客，需要使用以前的Hexo下的几个文件夹：

_config.yml  package.json  source/  themes/

这时，在Ubuntu系统上创建文件夹hexo，以hexo为主目录搭建博客环境：

# mkdir hexo
# cd hexo
# hexo init

将上边四个文件或文件夹复制到hexo目录替换：

# cp _config.yml  package.json  source  themes . -rf

之后就可以按照hexo命令进行操作了；

6.2 特殊情况

由于我的实际情况是，不但将hexo中的博客文件保存在了Github上，还将hexo生成的环境工程，以并保存在Github同一个工程的其他分支了，如：ubuntu分支；这样我就可以一并保存所有文件了；

在这种特殊情况下，博客迁移操作原理上和常规迁移一样，只是操作稍微不同；

将以前用的工程在Ubuntu环境中克隆下来，Mshrimp.github.io；

新建hexo目录，并初始化hexo目录：

# mkdir hexo
# cd hexo
# hexo init
# ls
_config.yml  node_modules/  package.json  package-lock.json  scaffolds/  source/  themes/

将hexo中生成的文件或文件夹复制到Mshrimp.github.io目录替换：

node_modules/  package-lock.json  scaffolds/

这个操作，和常规迁移的区别是，复制的方向相反，其余都一样；

原文地址：https://www.cnblogs.com/microxiami/p/12641163.html

时间： 2024-08-29 20:06:07

Ubuntu+Hexo+Github搭建个人博客的相关文章

《Hexo+github搭建个人博客》

<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+github搭建个人博客>1 思维导图总览:2 What?2 简介:2 Hexo:2 NodeJs2 Github4 Git5 Github page:5 Markdown6 How?7 环境配置:7 安装Git8 安装Node.js9 安装hexo13 第一步:打开cmd.13 第二步:进入NodeJS

使用Node.js+Hexo+Github搭建个人博客（续）

一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍: 博客相关配置介绍 博客主题 Yilia 配置介绍 如何制作并配置网站缩略图 如何将博客同步到 Github.Coding 中 如何使用 Git 同步 Github 与 Coding 的代码 如何申请域名并作域名解析 如何将域名绑定至 Github.Codi

使用hexo+GitHub搭建个人博客的心得（含教程）

Author Email Yaoyao Liu [email protected] 前言 对于广大CS专业的学生和码农,找一个地方写博客,记录一些编程.配置环境.阅读论文的心得体会是一个很常见的习惯.当然想搭建个人博客,就需要找个靠谱的平台,主要就是以下的两种方式: 使用网站提供的博客平台,例如国内的CSDN.博客园:国外的Blogger.Wordpress 自己建站,发布到自己的服务器上,或者发布到GitHub.GitLab.Bitbucket等支持静态网页发布的git平台 针对于第一种方式,

windows下hexo+github搭建个人博客

网上利用hexo搭建博客的教程非常多,大部分内容都大同小异,选择一篇合适的参考,跟着一步一步来即可. 但是,很多博客由于发布时间较为久远等问题,其中某些操作在现在已不再适用,从而导致类似于我这样的小白在搭建过程中困难重重. 因此在我这第一篇博客中,主要记录我搭建时参考的两篇博客中出现问题的地方(网上很多的博客都会导致这些问题,因此如果你在搭建过程中遇到困难的话,不妨来这里找一下答案) 参考的两篇博客 这里附上两篇博客的链接: windows下Hexo博客搭建过程 关于HEXO安装失败的解决方法

hexo+github搭建个人博客

写在前边:Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 1.安装git[因为我们写好的博客受与github相关联,在本地可以运行后,还要通过git相关工具自动化部署到github,所以git必须有] 2.安装node[hexo的服务器是基于node的] 3.安装hexo   全局输入npm install hexo-cli -g 4.申请github账号 5.新建一个文件夹      我在e盘下

3min快速使用Hexo+GitHub搭建免费博客

准备工作 至于为什么使用Hexo,而不使用Jekyll,网上已经做了一些比较,这里就不在赘述. 由于是免费博客,本篇文章暂不涉及域名申请. 在开始之前,已有的资源包括: 申请GitHub账户 安装Node.js 安装Git 环境检测 输入以下命令有返回版本号,说明Node.js环境配置正确: 1 node -v 2 npm -v 安装Hexo 首先在D盘符下建立hexo文件夹,配置完成后博客资源存放路径: D:\hexo\blog 依次输入以下命令: 1 cd D:/hexo 2 npm ins

hexo+github 搭建的博客重做系统以后如何重新配置

重做电脑系统以后 1. 安装 git  node  2.在桌面右键启动git 然后安装hexo $ npm install -g hexo-cli 3.接着在文件夹里右键git,去测试本地是否能预览: (有问题的话去http://www.paopaoche.net/jiaocheng/85988.html) 4.本地ok的话就去重新配置钥匙,去github 删除之前的,然后添加新的, 参考这里:https://segmentfault.com/a/1190000004947261 5.然后验证邮

Hexo + Github 搭建个人博客网站

参考这两篇文章 https://chujunwen.xyz/posts/c41c188d/ 图文 https://www.cnblogs.com/fengxiongZz/p/7707219.html https://blog.csdn.net/weixin_30472035/article/details/98930302 原文地址:https://www.cnblogs.com/ahacker15/p/12219418.html

使用hexo和github搭建个人博客网站

使用hexo+github可以免费.快速地搭建一个静态博客网站,并且使用hexo提供的命令以及git自身的功能可以很便捷地管理博客. 使用github部署静态页面 在了解hexo之前,我们先看看如何使用github部署静态页面. 注册github账号 访问github官网注册一个账号,该流程和一般网站注册账号一样,在此不赘述. 创建一个git仓库 其他项如果需要可以自主填写,这里只填写仓库名,点击Create repository创建仓库. 提交一个测试页面 执行git clone命令将仓库克隆