目录

搭建博客步骤

GitHub创建个人仓库

配置 SSH key

将hexo部署到GitHub

发布第一篇博客

设置域名

结语


搭建博客步骤

1、本次实验使用 CentOS 7.7

[root@qll251 ~]# cat /etc/redhat-release
CentOS Linux release 7.7.1908 (Core)
[root@qll251 ~]#

2、安装git

 yum -y install git

安装后,用git --version查看一下版本

git是一个分布式版本控制系统,用于项目的版本控制管理。这里用于管理你的hexo博客文章,上传到Github的工具。

3、安装node.js

1)下载node.js安装包
wget https://nodejs.org/dist/v10.0.0/node-v10.0.0-linux-x64.tar.gz2)解压至/usr/local/下tar -zxvf node-v10.0.0-linux-x64.tar.gz -C /usr/local/3)将解压后的文件夹重命名为 node-v10.0.0
[root@qll251 ~]# cd /usr/local/
[root@qll251 local]# mv node-v10.0.0-linux-x64 node-v10.0.04)检查是否安装成功,node -v出现版本号说明安装成功
[root@qll251 local]# cd node-v10.0.0/bin/
[root@qll251 bin]# ls
node  npm  npx
[root@qll251 bin]# ./node -v
v10.0.0
[root@qll251 bin]#5)做软链接使node和npm命令能够全局使用
[root@qll251 bin]# ln -s /usr/local/node-v10.0.0/bin/node /usr/local/bin/node
[root@qll251 bin]# ln -s /usr/local/node-v10.0.0/bin/npm /usr/local/bin/npm

注意:Node.js 版本需不低于 8.10,建议使用 Node.js 10.0 及以上版本

之所有安装nodejs,是因为Hexo是基于node.js驱动的一款博客框架。

4、安装hexo

以上必备的应用程序安装完成后,即可使用 npm 安装 Hexo

执行npm install -g hexo-cli

会有如下两条WARN

经查询发现这两条warning信息是因为安装的fsevent是Mac系统需要的。这里是Linux环境,所以会有告警,忽略即可。

5、配置hexo命令全局生效

我们用hexo -v查询下hexo版本

提示命令找不到,因此做个hexo命令的软链接,使hexo命令全局生效

6、初始化hexo

[root@qll251 ~]# hexo init myblog
[root@qll251 ~]# cd myblog
[root@qll251 ~]# npm install

新建完成后,myblog文件夹的目录如下:

.
├── _config.yml # 博客的配置文件,您可以在此配置大部分的参数。
├── package.json
├── scaffolds # 模版文件夹
├── source  # 资源文件夹,用来存放您的文章
|   ├── _drafts # 草稿文件
|   └── _posts # 文章Markdowm文件
└── themes  # 主题文件夹

7、启动hexo

好了,如果上面的命令都没报错的话,现在可以启动hexo了~

在浏览器上输入:http://localhost:4000;就可以预览效果了

至此,我们本地的博客就搭建成功了,接下来就是部署到 Github Page 了。

GitHub创建个人仓库

首先,你先要有一个GitHub账户,如果还没有。点击注册

1、注册GitHub

点击Sign up,按照提示进行注册

2、新建GitHub仓库

点击 Start project创建一个新的仓库

3、创建代码库

1)点击New,创建用于托管博客站点的代码库

2)创建代码库

注意,这里仓库命名规定:账户名.github.io

比如账户名是test,那么仓库名就是test.github.io

配置 SSH key

1)配置全局GitHub账户

[root@qll251 ~]# git config --global user.name "qinlulu518"
[root@qll251 ~]# git config --global user.email "1158322022@qq.com"账号名及邮箱填写您注册GitHub上的信息

2)生成密钥 SSH key

ssh-keygen -t rsa -C "上面的邮箱"

3)复制公钥

id_rsa.pub为公钥,cat查询后全部复制下来。

4)复制公钥到GitHub

(a) 回到GitHub,Settings-->SSH and GPG keys

(b) 点击New SSH key

(c) 把 刚刚cat id_rsa.pub的结果复制进来,然后提交

(d) 提交后会进行密码验证

5)确认并添加主机到本机SSH可信列表

将hexo部署到GitHub

1、安装部署插件 hexo-deployer-git

cd myblog
npm install hexo-deployer-git --save

2、修改配置文件

vim ~/myblog/_config.yml拉到文件末尾,填上如下配置:100 deploy:
101   type: git
102   repo:
103     github: https://github.com/qinlulu518/qinlulu518.github.io.git
104   branch: master

注意:第103行中替换成你的用户名

3、部署上传

[root@qll251 myblog]# hexo clean  //清除之前生成的东西
[root@qll251 myblog]# hexo generate  //生成静态文章
[root@qll251 myblog]# hexo deploy  //部署文章,需要输入username和password

4、验证登录

在浏览器上输入:https://你的用户名.github.io

此时就可以看到你的博客了~

发布第一篇博客

1、创建文章标题

执行完 hexo new后,在~/myblog/source/_ports/下生成了“开源Linux.md”的文章文件。

.md是Markdown格式的文件。语法比较简单的,具体用法网上搜有很多详细教程的。我最近公众号文章排版使用的就是Markdown格式,很香~

2、编写第一篇博客

3、上传至GitHub

[root@qll251 myblog]# hexo clean  //清除之前生成的东西
[root@qll251 myblog]# hexo generate  //生成静态文章
[root@qll251 myblog]# hexo deploy  //部署文章,需要输入username和password

4、访问验证

浏览器上输入:https://你的用户名.github.io

不出意外的话,我们的第一篇博客就发布出去了。

设置域名

现在你的个人博客的地址是yourname.github.io。如果不喜欢这个网址,我们是可以为它设置个人域名的,但是要花钱购买域名哦~

假如你已经从域名供应商那里购买了域名,接下来一起看下如何配置域名解析

1、登录域名管理控制台

点击管理

2、域名解析

添加一条CNAME记录

3、进入github设置,绑定域名

找到 Custom domain项,输入你购买的域名

4、绑定成功,进行验证

至此你就可以通过输入你自己注册的域名进入你的博客了~

结语

今天我们只演示了简单的博客创建流程,后面还有好多好玩的配置与插件功能;比如 更换主题、开启打赏功能、添加评论系统、设置腾讯公益404页面、数据统计等等。这些都可以参考官网配置手册修改相应的配置,达到自己想要的效果,慢慢完善你的专属博客吧~

(转载与:开源Linux)

零成本 | 手把手教你搭建免费个人博客!相关推荐

  1. 如何搭建自己的博客网站(手把手教你搭建免费个人博客网站)

    没有前言直接开始正文,搭建一个博客需要服务器,域名,博客程序. 博客程序常用的有wordpress,z-blog,typecho等等,其中wordpress和z-blog最为简单,typecho需要一 ...

  2. java 搭建个人博客_5分钟 教大家搭建免费个人博客

    五分钟倒数已经可以计时了. 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一 ...

  3. 手把手教你搭建个人技术博客,半小时搞定

    一.写在前面 我是猿人,一个热爱技术.热爱编程的IT猿.技术是开源的,知识是共享的! 写作是对自己学习的总结和记录,如果您对Java.分布式.微服务.中间件.Spring Boot.Spring Cl ...

  4. 个人博客代码_Solo小众开源博客系统:手把手教你搭建自己的博客系统

    博客是很多程序员朋友的最爱,通过博客可以梳理自己的技术体系,将自己日常开发过程中的技术心得或者对于一个技术问题的解决思路记录下来,对于以后碰到此类问题有一个参考的作用.同时,博客系统的内容是对外的,我 ...

  5. 【Linux】手把手教你搭建自己个人博客(boss版)

    文章目录 前言 环境 搭建LAMP架构 一 . 编译apache 1. 安装依赖包 a. 安装环境依赖 b. 编译安装依赖包apr c. 安装apr-util依赖包 d. 安装pcre依赖包 2. 开 ...

  6. 手把手教你建github技术博客

    适合人群 喜欢写Blog的人 有一定的编程基础 爱折腾的人 熟练使用版本控制Git 了解使用Github 熟悉基本的MarkDown语法 环境准备 安装Git 下载 msysgit 并执行即可完成安装 ...

  7. 手把手教你建github技术博客by hexo

    适合人群 喜欢写Blog的人 有一定的编程基础 爱折腾的人 熟练使用版本控制Git 了解使用Github 熟悉基本的MarkDown语法 环境准备 安装Git 下载 msysgit 并执行即可完成安装 ...

  8. 基于Hexo+GitHub Page搭建免费个人博客教程

    1. Hexo 介绍 Hexo 是基于NodeJs的静态博客框架,简单.轻量,其生成的静态网页可以托管在Github和Heroku上. 超快速度 支持Markdown 一键部署 丰富的插件 2. 搭建 ...

  9. Windows下搭建免费个人博客

    三步完成免费个人博客搭建,本文主要针对Windows系统我的是WIN10,OS X请参考 5分钟 搭建免费个人博客 1.创建Github 域名和空间 1.1注册 首先需要注册一个Github账号,如果 ...

最新文章

  1. java增加final,Java8增加功能--Effectively final 功能
  2. JQuery和php方面的填空题,PHP复习题(问答题)
  3. DokuWiki的发现之旅
  4. python网络爬虫(一):网络爬虫科普与URL含义
  5. 关于linux学习的热身知识八
  6. Log4net PatternLayout 参数
  7. 洛谷P2671 求和 数学 前缀和
  8. matlab神经网络训练精度,关于提高MATLAB神经网络精度的问题
  9. java批量控制安卓手机_安卓手机屏幕投射到电脑以及一台电脑控制多台手机技术原理浅析...
  10. Debian stretch failed to load firmware rtl_nic/rtl8168g-3.fw (-2)
  11. 嵌入式软件开发学习路线
  12. cdd matlab 算法,CDD图像修复
  13. 简单说下antv图表的使用
  14. 封装和继承作业(java)(一)
  15. 开发股票类的金融软件需要哪些知识?
  16. python判断字母大小写_用python如何判断字符的大小写
  17. 对象及变量的并发访问(案例加总结)--学习笔记
  18. 利用文件头标志判断文件类型
  19. 使用meb工具在线热备,将单实例切换为主从
  20. Keil MDK配置ARM开发环境

热门文章

  1. 一款app如何做才能将产品运营好?
  2. 利用JS代码实现自动批量删除全部微博的方法(自动翻页加载)
  3. beego项目线上部署
  4. 行动瑜伽:何谓不执的行动
  5. 网站安全隔离-RBI技术
  6. Android判断手机号格式邮箱格式
  7. com.sun.jersey.api.client.ClientHandlerException:java.net.ConnectException:Connection refused:connec
  8. 电脑计算机怎么没有桌面显示器,显示器无信号,详细教您电脑显示屏不显示怎么修复...
  9. idea生成uml类图_IntelliJ IDEA之UML类图
  10. UE4 ZenGarden Rake 材质分析