您所在的位置: > 主页 > 大众创业网 > 科技 > 正文
只需四步,搭建属于自己的博客来源: 日期:2020-06-26 07:59:44  阅读:-

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

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

    好记性不如烂笔头

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

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

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

    注意事项

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

    (正文已结束)

    免责声明及提醒:此文内容为本网所转载企业宣传资讯,该相关信息仅为宣传及传递更多信息之目的,不代表本网站观点,文章真实性请浏览者慎重核实!任何投资加盟均有风险,提醒广大民众投资需谨慎!