闲谈
拿出你的气质&＃xff0c;打开你的电脑&＃xff0c;借你半小时搭建好属于你的hexo博客&＃xff0c;小生用dockerfile自动帮你搭建好&＃xff1b; 你只需要在你的mac或linux或windows上提前把docker安装好&＃xff0c;如何安装不是我的重点&＃xff0c;请参考Docker安装&＃xff1b; 作为程序员&＃xff0c;博客就像你的影子&＃xff0c;我都已经忘了内心曾经多少次告诫自己&＃xff0c;一定要搭建一个属于自己的技术博客&＃xff0c;奈何日复一日过去了&＃xff0c;近来终于落实到行动上来&＃xff0c;所谓明日复明日&＃xff0c;明日何其多&＃xff0c;早晚要做的事&＃xff0c;劝君晚做不如早做。
搭建Hexo
获取基础镜像
Docker安装成功之后方能进行接下来的操作&＃xff0c;首先从我的Docker Hub仓库上获取基础镜像
$ docker pull icoty1/ubuntu-hexo-blog # 从Docker hub上的icoty1用户下获取基础镜像
$ docker images # 查看本地所有镜像&＃xff0c;会发现icoty1/ubuntu-hexo-blog已经被pull下来了
生成Dockerfile
进入一个空的目录下新建空文件Dockerfile&＃xff0c;复制如下内容&＃xff1a;
# 基础镜像
FROM icoty1/ubuntu-hexo-blog:latest
MAINTAINER icoty1 "https://icoty.github.io"
EXPOSE 4000
# hexo部分插件安装&＃xff0c;使支持rss&＃xff0c;图片&＃xff0c;字数统计等功能
RUN npm install -g hexo-cli
&& npm install hexo-server --save
&& hexo init blog && cd/blog
&& npm install
&& npm install hexo-deployer-git --save
&& npm install hexo-migrator-rss --save
&& npm install hexo-asset-image --save
&& npm install hexo-wordcount --save
&& npm install hexo-generator-sitemap --save
&& npm install hexo-generator-baidu-sitemap --save
&& npm install hexo-helper-live2d --save
&& git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
&& sed "s/theme: landscape/theme: yilia/g" -i /blog/_config.yml
更换主题
Dockerfile中的最后两行内容表示的含义是从github上把hexo-theme-yilia克隆下来并重命名成yilia&＃xff0c;然后放到容器的/blog/themes/目录下&＃xff0c;其中hexo-theme-yilia是hexo的主题&＃xff0c;hexo有很多种主题&＃xff0c;用每一种主题搭建出来的hexo博客界面美观和布局都不尽相同&＃xff0c;你可以通过hexo官网上浏览每一种主题长啥样子&＃xff0c;通过github获取主题的源码仓库&＃xff0c;选择一个你喜欢的主题&＃xff0c;并相应的修改这两行。假如你从github选择的主题仓库地址是https://github.com/yscoder/hexo-theme-indigo.git &＃xff0c; 那么你需要按照如下方式进行修改&＃xff0c;如果你就想用yilia&＃xff0c;那么你不需要做任何修改。
&& git clone https://github.com/yscoder/hexo-theme-indigo.git themes/indigo
&& sed "s/theme: landscape/theme: indigo/g" -i /blog/_config.yml
构建Hexo镜像
在Dockerfile的同级目录执行&＃xff1a;
$ docker build -t icoty1/ubuntu-hexo . # 把icoty1/ubuntu-hexo替换成你取的名字
$ docker images # 能够看到多出一条记录icoty1/ubuntu-hexo&＃xff0c;并能看到该镜像的[IMAGE ID]
启动容器
/* 把[IMAGE ID]替换成上一步构建出来的镜像的ID&＃xff0c;该句执行成功会多出来一个容器并有一个[CONTAINER ID]
* -v/home/yangyu/blog/&＃xff1a;/blog/是把本机的/home/yangyu/blog/目录映射到容器的/blog/目录
* 通过目录映射&＃xff0c;你只需要在本机编辑/home/yangyu/blog/目录下的文件&＃xff0c;而不用每次都进入容器/blog/目录下编辑文件
* -p4000:4000 将主机的4000端口映射到容器的4000端口
*
$ docker run -d -ti -p 4000:4000 -v /home/yangyu/blog/&＃xff1a;/blog/ [IMAGE ID] /bin/bash
$ docker ps -a # 执行该句列出当前所有的容器
$ docker exec -it [CONTAINER ID] /bin/bash # 根据前一步的容器ID进入该容器内部
$ cd /blog/ && hexo s # 进入容器内部的/blog/目录下&＃xff0c;启动hexo
浏览器测试
浏览器访问http://localhost:4000 &＃xff0c;出现下图说明已经成功&＃xff0c;以后你的博客配置&＃xff0c;文章撰写和发布等&＃xff0c;都在/home/yangyu/blog/目录下进行&＃xff0c;这和在容器内部/blog/目录下操作完全对等。
Hexo部署到Github
注册Github账户&＃xff0c;如果已经注册&＃xff0c;跳过此步&＃xff1b; 在github上仓库“用户名.github.io”&＃xff0c;比如我的用户名为icoty&＃xff0c;仓库名则为&＃xff1a;icoty.github.io&＃xff1b;
执行如下命令生成ssh key&＃xff0c;执行完后复制~/.sshid_rsa.pub文件内的全部内容&＃xff0c;按照图示添加ssh keys&＃xff0c;并粘贴保存到Key栏中&＃xff0c;Title栏随便取。
$ cd ~/.ssh
$ ssh-keygen -t rsa -C "youremail&＃64;example.com" # 全程回车
$ git config --global user.name "你用github用户名"
$ git config --global user.email "你的github邮箱地址"
配置Hexo主题
编辑/blog/_config.yml文件&＃xff0c;编辑标题、描述信息、Github信息&＃xff0c;下图参见我的&＃xff1a;
# Site
title: 阳光沥肩头 仿佛自由人 # 标题
subtitle: # 子标题
description: Linux C&＃43;&＃43;服务端 # 描述信息
keywords:
author: icoty
language: zh-CN # 语言
timezone: # 时区
deploy:-type: gitrepository: git&＃64;github.com:icoty/icoty.github.io.git # 设置repository对应的链接branch: master # 设置提交到的分支message: Site updated at {{ now("YYYY-MM-DD HH:mm:ss") }} # 设置我们提交的信息
执行如下命令发布到github上&＃xff0c;通过“https://你的github用户名.github.io”访问&＃xff0c;我的是https://icoty.github.io
$hexo generate
$hexo deploy # 部署到GitHub
编辑/blog/themes/yilia/_config.yml文件&＃xff0c;自定义其他配置&＃xff0c;如友链、评论、分享、头像等&＃xff0c;这些配置并不是一定要做&＃xff0c;做不做都行&＃xff0c;只是配置的完善些&＃xff0c;你的Hexo博客界面看起来美观些&＃xff0c;如何配置在此不一一赘述&＃xff0c;请自行查看对应主题的官方文档和Github说明。如果你能操作这里&＃xff0c;说明我这个教程还是有效的&＃xff0c;感谢你的坚持&＃xff01;
Hexo命令
Hexo搭建好后&＃xff0c;你可以写博客发布到GitHub 上&＃xff0c;别人通过“https://你的github用户名.github.io”就能访问你的博客和看到你写的文章&＃xff0c;而这个章节就是教你怎么在本地写你的博客&＃xff0c;写博客用的MarkDown语法&＃xff0c;推荐你安装MarkDown编辑器Typora。下面列出写博客过程中常用的命令&＃xff0c;这些命令都需要走到/blog/目录下执行。
$hexo new "my-hexo" #新建my-hexo文章&＃xff0c;在/blog/source/_post/目录下生成my-hexo.md&＃xff0c;在这个文件里面写你的文章
$hexo generate # 文章写好后保存&＃xff0c;然后执行这条命令&＃xff0c;生成静态页面至public目录
$hexo s # 然后开启预览访问端口&＃xff08;默认端口4000&＃xff0c;&＃39;ctrl&＃43;c&＃39;关闭server&＃xff0c;‘ctrl&＃43;z’放到后台运行&＃xff09;&＃xff0c;通过http://localhost:4000 查看效果&＃xff0c;如果满意就执行下一条命令发布到github
$hexo deploy # 发布到github&＃xff0c;通过https://你用的github用户名.github.io 访问
$hexo clean # 有时你写文章和配置其他内容后&＃xff0c;老是不生效&＃xff0c;就执行下该命令清除缓存文件 (db.json) 和已生成的静态文件 (public)&＃xff0c;不是删除&＃xff0c;你的文章仍然在的
$nohup hexo s & # 启动hexo以后台方式运行
$hexo new page "About" #新建About页面&＃xff0c;这个是配置Hexo界面多出来一个About布局
$hexo help # 查看帮助
$hexo version #查看Hexo的版本
MarkDown语法
这个比较基础&＃xff0c;网上教程也一大堆&＃xff0c;MarkDown很容易学&＃xff0c;放心比九九表容易多了&＃xff0c;只要你用markdown实际动手写过一篇博文后就上手了&＃xff0c;因此没啥可说的。
京公网安备 11010802041100号