github-hexo给你一个漂亮的主页

假如你想自定义一个带有自己style的网站,那么跟我来一起学习一下吧!

我创建的这个博客(https://mrlsm.github.io
)是使用的github page + Hexo方法。

现在开始搭建属于自己的blog了

  • 环境搭建(git、node.js)
  • 安装和配置Hexo(选择模板)
  • 配置github仓库
  • 配置自己的网址(也叫域名)
  • 创建和发布文章

环境搭建

  • 安装git (使用git给github上传文章)

  • 安装Node.js(Hexo是基于Node.js开发的)

    安装git

    git官网(http://git-scm.com)
    从官网进行下载,并安装使用。

    安装Node.js

    进入官网(https://nodejs.org/en/)
    从官网进行下载,并安装使用。

    安装和配置Hexo

    打开电脑command(命令提示符)
    执行以下命令(可复制粘贴执行)

npm install -g hexo-cli
npm install

选择电脑中的一处地址建立你存放blog相关资料的位置。建立文件夹(hexo)

cd hexo (进入该文件目录下)
hexo init

如果没什么问题就可以启动本地这个Hexo服务

hexo server

看见以下log则说明你已经完成hexo的安装了

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

好的,现在显示的网站为最基本的主题,现在我们可以更改一下主题
按ctrl+c关闭server
我博客使用的主题是(https://github.com/litten/hexo-theme-yilia)

打开终端窗口,输入一下命令,将目录切换到Hexo文件夹内的themes文件夹内

cd themes

然后把这个主题从github网站上clone下来,保存为yilia文件

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

也可以打开链接复制下来解压到你的themes目录下,保存为yilia文件

然后打开Hexo文件夹下面的_config.yml文件,修改里面的theme为yilia

重新打开server,浏览器输入http://0.0.0.0:4000/ 主题就发生了变化

好了,到此为止我们已经完成了本地Hexo的安装和配置。

配置github仓库

github官网(http://www.github.com)

进入github网址,注册一个账号,然后创建一个的放博客文章的仓库
点击Crete a repositor
[图片上传中...(image-6666ea-1563505540443-2)]

注:你博客的访问地址,也就是仓库名 用户名.github.io必须是这个结构,不能有一点偏差。就按照我的方式创建就行,只需要把用户名改为你的
然后点击创建,会初始化一个空的仓库。

然后就是配置SSH

命令行方法:
执行下面命令生成SSH

ssh-keygen
敲三次回车,既可以生成id_rsa.pub文件。

这里面就是SSH key的内容
然后使用vim编辑器打开这个文件

vim ~/.ssh/id_rsa.pub

然后使用鼠标拷贝里面的内容(退出vim编辑器命令:wq)

打开你的github,点击Setting
点击左边SSH keys
点击右边Add SSH
然后把复制的内容粘贴到下面那个框里面,title随便自己写。
过程可能会让你输入一次密码,输入即可!
配置好就行了

判断SSH是否配置好

ssh -T git@github.com

出现Hi CoderTian! You’ve successfully authenticated, but GitHub does not provide shell access. 就表示你已经配置好了SSH

SSH配置好了,下面配置你的本地Hexo
打开Hexo目录下的_config.yml
完成下列更改

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
    type: git
    repository: git@github.com:mrlsm/mrlsm.github.io.git
    branch: master

保存,cd到Hexo的根目录
依次执行下面的命令
第一次上传可能会让你输入git的用户名和密码

hexo clean
hexo d -g

到这里为止,你已经完成了自己博客的创建了

配置自己的网站(域名)

现在你就可以去选择一个自己的域名了(在这我是去阿里云买的域名)

首先去万网(http://wanwang.aliyun.com) 购买自己的域名。如下图选择一个自己喜欢的并且未注册的域名,新买的域名需要身份认证,大约一两天即可完成认证(不妨碍你选择已经注册的域名,谁让你有钱呢)

TIM图片20200615135721.png

然后去github,点击进去你创建的那个博客仓库点击create a new file here

名字为CNAME 内容为你自己申请的域名 例如:qq.com

把里面的CNAME文件拖到Hexo文件的Source目录下

这边配置好了以后,来到阿里云的域名管理器来解析你的域名,如下图所示:
[图片上传失败...(image-acfbaf-1563505540443)]

等待你的域名解析生效并通过身份认证吧。就可以在浏览器里面输入你自己的域名访问的博客了。

创建和发布文章

想要发布新的文章,首先创建文章

cd到Hexo文件夹

hexo new "文章标题"

你可以在Hexo->Source->_post目录下看到你新创建的那个文章,还有一个配套的文件夹,里面放这边blog的图片资源

使用支持MarkDown编辑器编写的打开新创建的文件,就可以写文章了,要根据MarkDown语法写出来的文章才会好看

Mac的markdown编辑器,推荐mou (http://25.io/mou/)

window下面的编辑器,推荐MarkDownPad (http://markdownpad.com/)

markdown具体语法参考(http://www.appinn.com/markdown/#code)

文章写好直接执行下面命令即可直接发布文章

hexo d -g

如果发布时候出现错误

ERROR Deployer not found: git

执行

npm install hexo-deployer-git --save

关于一些hexo命令可以查看官方文档进行配置 (https://hexo.io/zh-cn/docs/)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,117评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,963评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 107,897评论 0 240
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,805评论 0 203
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,208评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,535评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,797评论 2 311
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,493评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,215评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,477评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,988评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,325评论 2 252
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,971评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,807评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,544评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,455评论 2 266

推荐阅读更多精彩内容