从零开始搭博客[0]--基础篇

作为一个大佬,私人博客必不可少
那么,教大家5分钟做出私人博客 [完全免费]
只需短短四步,即可搭出可以使用的私人博客

概览

  • 需要做的准备
  • 第一步:装装装
  • 第二步:配配配
  • 第三步:改改改
  • 第四步:写写写

是不是看起来很简单,尝试一下吧!


需要做的准备

[+] 一台电脑(这里以win系统为例)
[+] 安装Node.js
[+] 安装git


第一步:装必需软件


第二步:配置环境

都安装完后,就可以开始在本地搭建自己的博客了
首先在D盘(或其他盘)下创建一个名为hexo的文件夹,进入这个文件夹后右键git bash here(记得进入文件夹后再右键,确保git bash的路径是在D:\hexo)

在git bash中输入命令:

1
2
3
4
npm install cnpm -g --registry=https://registry.npm.taobao.org  #更换npm源,国外源太慢
cnpm install hexo-cli --save -g #安装hexo框架,你就拥有了搭建博客的资本
cnpm install hexo-server --save -g #安装hexo服务,可以在本地查看自己搭的博客
cnpm install hexo-deployer-git --save #安装部署模块,以防一些意外

距离你的博客建成只差一步了!

1
2
3
hexo init                #初始化博客框架,init全拼initialize,意为初始化(计算机常用英语)
hexo g #生成博客框架,g全拼generate,意为生成(敲黑板)
hexo s #在本地启动博客服务,s全拼server,你懂的吧-,-(CTRL+C退出服务)

随后看git bash中的提示访问localhost:4000就可以看到你的博客了


第三步:改代码,让别人能在互联网上访问你

本来想说放在github上的,想了想还是推荐放在coding上,国内访问起来比较快

  1. 注册coding https://coding.net/register
  2. 修改用户名,之后的博客地址就是 用户名.coding.me
  3. 新建项目 https://coding.net/user/projects
    FMg8RP.png
  4. 项目名称与自己用户名相同,其他默认,点击新建项目
    FMgYM8.png
  5. 进入自己的新建项目,将右下角地址复制下来
    FMgGxf.png
  6. 点开hexo文件夹中的_config.yml,拉到最底下,将代码补全为以下代码后保存退出
    1
    2
    3
    4
    deploy:                     #冒号后面的空格不能少
    type: git
    repo: 你复制的地址
    branch: master
  1. 最后在git bash中输入
    1
    2
    3
    4
    5
    git config --global user.email "你的邮箱"           #这里主要是上传时标记上传者是谁,在团队合作时比较重要
    git config --global user.name "你的用户名" #同上
    hexo clean #清除
    hexo g #生成页面
    hexo deploy #部署页面(即上传)

hexo deploy时需要输入coding账号的用户名和密码

  1. 在coding页面左侧的代码栏中点击pages服务,然后一键开启pages服务即可访问你的个人博客了

第四步:书写你的第一篇博客

在hexo文件夹目录下右键开启git bash here,输入如下命令

1
hexo new '你的文章标题'

内容写法采用的是markdown语法,书写美观又容易上手,具体参考markdown基本语法

写markdown自然需要一个好的markdown编辑器,这里就推荐一个在线编辑器好了,方便新手直接使用在线md编辑器(在线写完后将代码复制进自己对应的博客文件内即可)

每次写完后之后三件事

1
2
3
hexo g          #生成文件
hexo s #本地查看一下博客是否有问题
hexo d #确认无误后部署上传

上传之后网站更新可能会有一小会延迟,刷新或者用别的浏览器访问一下即可


基础篇到此为止

本文标题:从零开始搭博客[0]--基础篇

文章作者:Herm1t

发布时间:2018年12月03日 - 22:56:17

最后更新:2018年12月21日 - 16:53:04

原始链接:https://herm1t.tk/blog搭建/从零开始搭博客[0]--基础篇/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

U know what I mean