北海网,欢迎您!

帮助中心 广告联系

网站关键词: 北海网

只需四步,搭建属于自己的博客!

来源:时间:2021-01-15 05:56:50 阅读:-

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

只需四步,搭建属于自己的博客

好记性不如烂笔头

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

现在市场上有很多我们可以自己记录的博客,像我们熟悉的:网易博客、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:注意事项:

只需四步,搭建属于自己的博客

注意事项

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

推荐阅读:云南视窗