小时候,经常听人讲:好记性,不如烂笔头。上学时期,老师家长也总是提醒我们不懂的不会的要做好记录,由此可见,记录对我们学习成长的必要性。
好记性不如烂笔头
特别是这个高速发展的时代,世界在日新月异的变化。终生学习,已经成为新时代的标签。那么做好学习记录,也就显得很有必要了。
现在市场上有很多我们可以自己记录的博客,像我们熟悉的:网易博客、CSDN、新浪博客等。但是我们如何搭建属于自己的博客呢?
博客示例
也许你会问,都有这么多博客网站了,我可以直接用他们的产品,为什么我还要自己搭建博客呢?这个问题每个人有每个人的看法,除了可以增加逼格之外,我觉得更安全更有保障也是个优点。就像之前我们有很多免费的云网盘,我们可以上传很多资料去保留可以随时取用。但现在剩下的也就只有百度网盘了。
搭建自己的博客,其实很简单只需要用到四个步骤(最好有一定的编程能力)
安装前提:
安装 Hexo 相当简单。可以兼容电脑,平板,手机等。但是在安装前,您必须检查电脑中是否已安装下列应用程序:(很简单,网上很多安装教程)
响应式布局
Node.js(自带npm如果需要cnpm先下载镜像)
Git
如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。
一:hexo工具搭建博客
官网安装步骤
1 选择文件新建git仓库
git命令输入: `git init`
2 选择文件使用npm工具全局安装hexo环境
git命令输入: `npm install hexo-cli -g`
3 在需要创建博客的目录下输入命令:`hexo init myBlog`
会在当前目录下创建1个myBlog文件夹. 并联网下载一些初始化文件,打开如图
创建的文件及文件详情
3 直接启动服务
输入命令`hexo server`
* 打开提示的网页地址(http://localhost:4000/)就可以看见博客页面
启动博客成功
二:用markdown编辑新文章
* 使用命令来发表新文章
* `hexo new 学习使用hexo`
* 会生出一个.md文件
* 在这个文件中编辑.md文件. 该md文件的内容就是发布的博客.
添加内容
* 重新启动`hexo s` 打开网页就可以看到新发表的文章.
内容展示在博客上
三:next选择主题安装
* 许多第三方为hexo提供了主题, 我们可以搜索并使用.
知乎:•https://www.zhihu.com/question/24422335
hexo:•https://hexo.io/themes/
主题选择
* 选择你想用的主题
* 按照官方文档下载最新版本
* 将解压缩后的目录复制到博客目录下的themes目录下.
* 并将其改为1个较为简单的名字如:`yilia`
* 修改博客目录下的_config.yml文件.
* 修改theme: l配置项为yilia
* 重启服务(hexo server)
* 就可以看到新使用的主题效果了.
不同主题效果
四:github部署博客
1: github上面新建项目存放博客。
github新建项目
2:在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,如部署到github上
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git<>
branch: master
message: '这是我的博客'
3 hexo g 生成静态html网页
会在页面中增加一个public文件夹,里面就是最终生成的博客网页
4 hexo d 将代码部署到服务器
服务器上博客地址
5:注意事项:
注意事项
本内容为功能性内容,建议收藏以便日后查看研究。如有疑问,请留言交流。