美文网首页
个人博客搭建教程

个人博客搭建教程

作者: 风慕李 | 来源:发表于2020-07-06 13:11 被阅读0次

作为一名程序员,还是要有一个属于自己的博客的,不管是为了分享还是记录一路走来的学习实战经验,都是一个不错的选择。

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主题风格,重塑我们的博客。

相关文章

网友评论

      本文标题:个人博客搭建教程

      本文链接:https://www.haomeiwen.com/subject/wmuwqktx.html