hexo+github建立自己的博客

一、前言

为什么要建立博客,如果使用果平台博客如博客园等,就会发现有一个自己的博客,就会极为方便,不受约束,没有广告,布局也可以有着自己的想法。所以有自己的博客是一件很酷的事。

二、Hexo+GitHub

为什么选择Hexo+GitHub,因为成本较低,只有学习成本;
GitHub_Pages会提供免费空间,并会提供username.github.io的默认域名,则不需要购买服务器和域名。

三、搭建环境
1、系统:ubuntu18.04
2、安装node.js

在终端下输入:sudo apt-get install nodejs,安装完成即可

3、安装git

终端输入sudo apt-get install git,安装完成即可

git安装完成后输入以下命令:

git config --global user.name "username"
git config --global user.email "username@xx.com"

username和email均为自己的GitHub的注册名和邮箱

git命令

4、安装Hexo

使用npm安装Hexo

终端下输入:
npm install -g hexo-cli

四、配置GitHub
1、注册登录GitHub

创建新的仓库
,右上角选择Create a new repository,命名为username.github.io
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PPPofdua-1579064711158)(https://pic1.zhimg.com/80/v2-d7ffab98b05bbb00ce9602c6f8d0ce70_hd.jpg “仓库”)]

2、添加仓库密匙

在终端下输入:
ssh-keygen -t rsa -C "Github的注册邮箱地址"
一直enter即可完成,密匙生成完成后, 会得到 id_rsaid_rsa.pub两个文件,打开id_rsa.pub文件并复制其内容;
打开密匙设置链接

将刚刚复制的内容复制到key对话框中,title可随意命名,点击Add SSH Key配置完成

五、初始化博客
1、建立本地存储文档

建立一个新的文件夹Blog,在本文件夹中打开终端,输入:
sudo hexo init blog

若显示以下命令,则新建成功:

INFO Start blogging with Hexo!
接着执行以下命令:

sudo hexo generate

sudo hexo server

若显示:

INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

本地服务器则成功启动了,在浏览器中输入:localhost:4000,就能看到初步模样了

2、部署到Github

Blog文件夹下生成了一个文件夹blog,打开里面的_config文件夹,并修改参数信息:

  • 修改网站相关信息
title: 标题
subtitle: 签名
description: 网页描述
author: yangyps
language: zh-CN
timezone: Asia/Shanghai
  • 配置部署
deploy:
type: git
repo: https://github.com/username/username.github.io.git
branch: master

也可以将repo修改成以下格式:

repo: https://用户名:密码@github.com/用户名/用户名.github.io.git

这样hexo delpoy的时候就不需要输入账号和密码了

注意在每个参数的:后都需要有一个空格

  • 配置统一资源定位符

url: https://username.github.io
其他信息如:root(根目录)、permalink(永久链接)、permalink_defaults(默认永久链接)都保持默认

六、发表文章
1、创建文章

终端输入:

sudo hexo new "新建文章名"

注意:新建的文章要用Markdown文法编写

2、编写文章

在\Blog\blog\source_posts\新建文章名.md下打开新建的文件

文章的一开始处,可以按如下格式添加文章标题,日期,分类、标签以及描述等:

---
    title: title #文章标题
    date: 2017-09-08 23:47:44 #文章生成时间
    categories: "Hexo教程" #文章分类目录 可以省略
    tags: #文章标签 可以省略
         - 标签1
         - 标签2
     description: #你对本页的描述 可以省略
---
3、发表文章

在blog目录下,输入如下的一系列命令:

$ hexo clean
INFO  Deleted database.
INFO  Deleted public folder.
$ hexo generate
INFO  Start processing
INFO  Files loaded in 1.48 s
#省略
INFO  29 files generated in 4.27 s

$ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

打开http://localhost:4000/,可以在本地预览网站的初步样子。
最后一步,发布到远程,执行hexo deploy

 $ hexo deploy
    INFO  Deploying: git
    INFO  Clearing .deploy_git folder...
    INFO  Copying files from public folder...
    #省略

到此为止,博客已经初步建立完成

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值