作为一名程序员,还是要有一个属于自己的博客的,不管是为了分享还是记录一路走来的学习实战经验,都是一个不错的选择。
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
当然我们可以在其他平台去创作记录,但选择一款优秀的博客框架,我们可以自由设计,可以选择放在自己服务器上,这种归属感和这个过程也是个不错的经历。今天我们选择的是hexo博客框架,选择的主题是matery。你现在看到的我的博客就是用这个搭建的,是不是很好看?
下载hexo
前往hexo官网,查看详细的文档
#<!-作为一名程序员,我相信大家的电脑已经安装了node和git了--->
#<!-本地全局安装hexo--->
$ npm install -g hexo-cli
建站
$ hexo init 文件夹名称
$ cd 上一步的文件夹名称
$ npm install
#<!--最后生成的文件夹,记住相应的注释-->
├── _config.yml #根目录配置
├── package.json #依赖包
├── scaffolds #模版文件夹
├── source #存放用户资源的地方
| ├── _drafts
| └── _posts #你创建的文章将会放在这里
└── themes #主题
配置
编辑根目录下的_config.yml,修改title:为自己网站的名字,修改language:为zh-CN即中文,修改url:为自己的域名地址,修改root:为网站根目录(访问即为域名+根目录)
本地跑起来,查看默认博客网站长啥样子
#<!--进入第一步的文件夹下-->
#<!--打包生成public-->
$ hexo clean && hexo generate
#<!--监视文件变动-->
$ hexo generate --watch
#<!--安装服务-->
$ npm install hexo-server --save
本地浏览器输入localhost:4000查看效果
写文章
#<!--进入第一步的文件夹下-->
#<!--创建一个test-page页面-->
$ hexo new test-page
#<!--在source/_posts里你可以看到你创建好的页面test-page.md-->
---
title: 博客搭建 #文章名称
date: 2020-06-05 15:30:27
categories: 博客框架hexo #文章分类
tags: #文章标签
- hexo
- sftp
img:http://xxx.com/xxx.jpg #文章特征图
top:true #文章会作为首页推荐文章
---
#<!--如果之前你监听了文件变动,你刷新就可以看到你创建的文章test-page-->
#<!--如果没有监听-->
$ hexo clean && hexo generate
刷新页面查看效果
至此hexo的默认博客我们已经搭建完毕,下一篇我们将介绍如何使用好看的matery主题风格,重塑我们的博客。
网友评论