五分钟倒数已经可以计时了。

三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。

你可能会经常看到类似于这样的博客:

vno

这是打酱油的

在4分50秒以后你也能够有一个类似的blog了。

有简书了为什么还需要个人博客呢,除了装逼,当然还有个人博客更加自由,不受任何第三方管理,并且还能够自定义成自己喜欢的样子。还有,如果你是个程序猿,那就更没有理由不自己搭建一个独立博客了。
好了,不BB了。抓紧时间开始。

1. 创建Github 域名和空间

1.1注册

首先你需要注册一个Github账号,已有的可以下翻去1.2 创建仓库,注意username,这会影响到你的域名,你的域名将会是 username.github.io ,所以认真的取个名字吧。

Create account

注册过程可能需要验证你的邮箱,其他就不在赘述。

1.2 创建仓库

然后需要创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库, Respository name 中的username.github.io 的username 一定与前面的Owner 一致,记住你的username下面会用到。

Create reponsitory

第一步就已经完成了,下面是安装。

2. 安装

Hexo 可以说是目前最流行的博客框架了,基于Nodejs,更多信息可以google,下面需要安装的工具包括 Git,Nodejs,Hexo。(Windows 用户自行搜索这些工具,直接安装即可,试过基本没啥问题)

  1. 安装Git
    我就想问问,还有谁没装Git么?

     // 如果已安装HomeBrew 无需执行此行$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"$ brew install git   // 安装Git

    你也可以通过下载安装程序来安装

  2. 安装Nodejs
    先安装nvm,这是Nodejs版本管理器,可以轻松切换Nodejs版本。 这里有两种方式安装。如果使用curl的方式安装,安装完成之后一定要重启终端。

     1. Homebrew 安装方式,此安装方式无需重启$ brew install nvm  $ mkdir ~/.nvm$ export NVM_DIR=~/.nvm$ . $(brew --prefix nvm)/nvm.sh2. curl安装方式$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

    安装完成后,重启终端 并执行下列命令即可安装 Node.js。

     $ nvm install 4
  3. 安装Hexo
    以上所有都安装完成之后再安装Hexo

     $ sudo npm install hexo-cli -g

所有必须工具已经安装完成,下面我们就可以生成博客,上传至我们的Github 仓库了。

3. 编写,发布

接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(username.github.io)。

  1. 创建博客
    将下面的 username 替换成你自己的username(其实也无所谓,作者强迫症),执行成功后,会创建出一个名为 username.github.io 的文件夹。

    $ hexo init username.github.io
  2. 更改配置
    主题安装
    为了使博客不太难看,我们需要安装一个主题,切换至刚刚生成的Hexo 目录,安装主题

    $ cd username.github.io
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next

    这里选了一个极简的主题,也是Hexo众多主题中最受欢迎的一个。上面出现的喵神的主题 在这里。Hexo也有更多主题供你选择。
    基础配置:打开文件位置username.github.io/_config.yml修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存, 还有注意配置的键值之间一定要有空格。更多设置...

     title: dimsky 的 9 维空间    //你博客的名字author: dimsky  //你的名字language: zh-Hans    //语言 中文theme: next   //刚刚安装的主题名称deploy:type: git    //使用Git 发布repo: https://github.com/username/username.github.io.git    // 刚创建的Github仓库

    主题配置:
    主题配置文件在username.github.io/themes/next/_config.yml中修改,这里略过。设置详情

  3. 写文章
    所有基础框架都已经创建完成,接下来可以开始写你的第一篇博客了
    在username.github.io/source/_posts下创建你的第一个博客吧,例如,创建一个名为FirstNight.md的文件,用Markdown大肆发挥吧,注意保存。
    如:

     ---
     title: First Night---
     > 我有一头**小毛驴**,可是我从来都不骑。
  4. 测试

      $ hexo s

    测试服务启动,你可以在浏览器中输入https://localhost:4000 访问了。

  5. 安装hexo-deployer-git自动部署发布工具
     $ npm install hexo-deployer-git --save
  6. 发布
    测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。

       $ hexo clean && hexo g && hexo d

    如果这是你的第一次,终端会让你输入Github 的邮箱和密码,正确输入后,骚等片刻,就会把你的博客上传至Github 了。以后在每次把博客写完后,执行一下这个命令就可以直接发布了,灰常苏胡。

  7. 5分钟应该快到了
    是不是很快,恭喜你能走到这一步,你的博客已经完成了,在浏览器中输入 http://dimsky.github.io 就能够访问了。
    最后应该是类似这个样子的

时间有限,这里只说到了简单的博客创建流程,还有很多很好玩的配置与插件。比如说评论、标签、统计等等。慢慢的完善你的专属博客吧。

更多

更多主题
更多插件

5分钟 搭建免费个人博客相关推荐

  1. Windows下搭建免费个人博客

    三步完成免费个人博客搭建,本文主要针对Windows系统我的是WIN10,OS X请参考 5分钟 搭建免费个人博客 1.创建Github 域名和空间 1.1注册 首先需要注册一个Github账号,如果 ...

  2. 基于Hexo+GitHub Page搭建免费个人博客教程

    1. Hexo 介绍 Hexo 是基于NodeJs的静态博客框架,简单.轻量,其生成的静态网页可以托管在Github和Heroku上. 超快速度 支持Markdown 一键部署 丰富的插件 2. 搭建 ...

  3. 群晖如何建php网站_折腾群晖笔记:使用群晖自带的web功能 五分钟搭建typecho个人博客...

    折腾群晖笔记:使用群晖自带的web功能 五分钟搭建typecho个人博客 2019-07-05 08:30:00 118点赞 735收藏 118评论 你是AMD Yes党?还是intel和NVIDIA ...

  4. wget ip_10分钟搭建个人开源博客+域名ip解析

    有多少人有进行搭建个人的开源博客呢? 个人博客在咱们日常的工作中,以及在面试的时候都是加分项,不管是自己写的,还是用开源系统的都算. 一个博客从0到上线,到外部别人可以访问,经过多个步骤,比如选购云服 ...

  5. java 搭建个人博客_5分钟 教大家搭建免费个人博客

    五分钟倒数已经可以计时了. 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一 ...

  6. java 博客系统_讲解开源项目:5分钟搭建私人Java博客系统

    本文适合刚学习完 Java 语言基础的人群,跟着本文可了解和运行 Tale 项目.示例均在 Windows 操作系统下演示 本文作者:HelloGitHub-秦人 HelloGitHub 推出的< ...

  7. html博客源码_5分钟搭建私人Java博客系统——Tale

    本文适合刚学习完 Java 语言基础的人群,跟着本文可了解和运行 Tale 项目.示例均在 Windows 操作系统下演示 本文作者:HelloGitHub-秦人 HelloGitHub 推出的< ...

  8. 手把手教你用Hexo搭建免费个人博客

    文章转载自 https://blog.lihongxun.com/2017/11/24/hexo-codingnet/ 个人博客的最佳解决方案 作为较早的博主,我大概从 2010 年开始就在CSDN上 ...

  9. WordPress详细建站教程,新手也能十分钟搭建WordPress个人博客

    简介 WordPress (简称 WP)可以说是全球最流行的博客系统了,没有之一,世界上约 30% 的网站都是基于 WordPress 搭建的. 相比于之前介绍的轻量版博客程序 Typecho,Wor ...

最新文章

  1. 只需单击三次,让中文GPT-2为你生成定制故事
  2. TS流的解码过程-ES-PES-DTS-PTS-PCR
  3. Linux系统下手把手完成无人值守安装服务
  4. ML之回归预测:利用九大类机器学习算法对无人驾驶汽车系统参数(2018年的data,18+2)进行回归预测值VS真实值
  5. ORA-00600: 内部错误代码,参数: [qctcte1], [0], [], [], [], [], [], []
  6. 大数据 -- zookeeper和kafka集群环境搭建
  7. html无限添加元素,jquery--html【添加元素】
  8. 在 Xunit 中使用依赖注入
  9. 95-22-010-停止-优雅停机
  10. 查询两个表合并成一个表
  11. PyTorch Cookbook by Eric
  12. JQuery之基本操作
  13. Node后端数据渲染
  14. webpack5+vue3搭建h5项目模板-(二)-eslint代码规范化
  15. iOS使用得图SDK开发VR播放器
  16. 红米note3android版本,小米-红米note3-LOS-安卓9.0.0-稳定版Stable3.0-来去电归属-农历等-本地化增强适配...
  17. linux 命令行管理员身份运行,任意位置以管理员身份打开CMD(命令提示符)
  18. Soul源码总结-01-20
  19. 服务器性能管理系统,服务器系统性能管理是什么
  20. C# 将打印机临时缓存文件SPL转为图片文件EMF

热门文章

  1. MySQL的安装过程
  2. winform解析json
  3. 有关C/C++中,表达式计算顺序的问题,以及表达式内部变量“副作用”问题(转)...
  4. JS判断滚动条到底部
  5. ACCEPT()和ACCEPT4()
  6. 深入探讨Varnish缓存命中率
  7. TCP连接的状态转换图深度剖析
  8. asp.net/c#字符格式化大总结
  9. 使用 .NET 框架轻松开发完美的 Web 窗体控件
  10. C和C++安全编码笔记:并发