网易博客 工具_只需四步,搭建属于自己的博客

9f027e2db8cc129647e1dac06a2970b0.png

小时候,经常听人讲:好记性,不如烂笔头。上学时期,老师家长也总是提醒我们不懂的不会的要做好记录,由此可见,记录对我们学习成长的必要性。

43ce08100097f61a33727f15b5bd7dba.png
好记性不如烂笔头

特别是这个高速发展的时代,世界在日新月异的变化。终生学习,已经成为新时代的标签。那么做好学习记录,也就显得很有必要了。

现在市场上有很多我们可以自己记录的博客,像我们熟悉的:网易博客、CSDN、新浪博客等。但是我们如何搭建属于自己的博客呢?

69674d9e1b29274ad780075610429a34.png
博客示例

也许你会问,都有这么多博客网站了,我可以直接用他们的产品,为什么我还要自己搭建博客呢?这个问题每个人有每个人的看法,除了可以增加逼格之外,我觉得更安全更有保障也是个优点。就像之前我们有很多免费的云网盘,我们可以上传很多资料去保留可以随时取用。但现在剩下的也就只有百度网盘了。

搭建自己的博客,其实很简单只需要用到四个步骤(最好有一定的编程能力)

安装前提:

安装 Hexo 相当简单。可以兼容电脑,平板,手机等。但是在安装前,您必须检查电脑中是否已安装下列应用程序:(很简单,网上很多安装教程)

a21a17920c54f792568cbd3ceed9ea3a.png
响应式布局

Node.js(自带npm如果需要cnpm先下载镜像)

Git

如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。

一:hexo工具搭建博客

9513645c82e2b26921dd9b7d6647d826.png
官网安装步骤

1 选择文件新建git仓库

git命令输入: `git init`

2 选择文件使用npm工具全局安装hexo环境

git命令输入: `npm install hexo-cli -g`

3 在需要创建博客的目录下输入命令:`hexo init myBlog`

会在当前目录下创建1个myBlog文件夹. 并联网下载一些初始化文件,打开如图

8b77aeaed5950c5a89a2d620373a967b.png
创建的文件及文件详情

3 直接启动服务

输入命令`hexo server`

* 打开提示的网页地址(http://localhost:4000/)就可以看见博客页面

4bc9570eee4a8eeee6a12235ad19b886.png
启动博客成功

二:用markdown编辑新文章

* 使用命令来发表新文章

* `hexo new 学习使用hexo`

* 会生出一个.md文件

* 在这个文件中编辑.md文件. 该md文件的内容就是发布的博客.

cf919127276acd6b18a55e2fb3ba4bd6.png
添加内容

* 重新启动`hexo s` 打开网页就可以看到新发表的文章.

1d06d8425d0ad5937e0df7fb05432c6f.png
内容展示在博客上

三:next选择主题安装

* 许多第三方为hexo提供了主题, 我们可以搜索并使用.

知乎:•https://www.zhihu.com/question/24422335

hexo:•https://hexo.io/themes/

8a809b01ff5573b68478f37087559b1a.png
主题选择

* 选择你想用的主题

* 按照官方文档下载最新版本

* 将解压缩后的目录复制到博客目录下的themes目录下.

* 并将其改为1个较为简单的名字如:`yilia`

* 修改博客目录下的_config.yml文件.

* 修改theme: l配置项为yilia

* 重启服务(hexo server)

* 就可以看到新使用的主题效果了.

acc917e141454057ae5483be79037cae.png
不同主题效果

四:github部署博客

1: github上面新建项目存放博客。

b1b70954af6175ea7bbec565438caf85.png
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 将代码部署到服务器

391088bf5ec51baaef818d4d2a559953.png
服务器上博客地址

5:注意事项:

78a8f153d0c854a7b9b836d4d38b4f01.png
注意事项

本内容为功能性内容,建议收藏以便日后查看研究。如有疑问,请留言交流。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值