5分钟 搭建免费个人博客

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

三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对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
    

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

  1. 安装Nodejs

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

    1. Homebrew 安装方式,此安装方式无需重启

    $ brew install nvm

    $ mkdir ~/.nvm

    $ export NVM_DIR=~/.nvm

    $ . $(brew --prefix nvm)/nvm.sh

     2. curl安装方式
     $ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
    

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

$ nvm install 4

  1. 安装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 就能够访问了。

    最后应该是类似这个样子的

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

作者:dimsky
链接:https://www.jianshu.com/p/4eaddcbe4d12
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

原文地址:https://www.cnblogs.com/hackhyl/p/9532339.html

时间: 2024-10-13 20:01:25

5分钟 搭建免费个人博客的相关文章

Windows下搭建免费个人博客

三步完成免费个人博客搭建,本文主要针对Windows系统我的是WIN10,OS X请参考 http://www.jianshu.com/p/4eaddcbe4d12 1.创建Github 域名和空间 1.1注册 首先你需要注册一个Github账号,如果你已经有请跳过此步直接看1.2创建仓库,注意username,这会影响到你的域名,你的域名将会是 username.github.io,所以认真的取个名字吧. 注册过程可能需要验证你的邮箱,其他就不在赘述. 1.2创建仓库 然后需要创建一个仓库(r

学做酷炫有爱的免费网页,学习 Github Page 教你分分钟搭建自己的博客

Github Page 网页搭建教程,教你分分钟搭建自己的博客 更多漂亮的网页搭建教程教程,请看这里:http://www.duobei.com/course/8506331668 1.注册Github账号 2.新建一个仓库,也就是我们代码要存放的位置 为我们仓库起个名字 3.为我们的仓库自动生成一个网页 点击Gihub Pages模块里的Automatic page generator 设置我们网页的Body内容 点击发布,生成我们的网页 按照 username.github.io/repos

免费搭建自己的博客

本博客最早也是参照别人的创建的.参见 Jekyll搭建个人博客.但是也遇到一些问题,记录一下. 安装 jekyll的问题 因为默认使用了mac自带的Ruby,在install gem时,写入路径为系统目录,没有权限.所以按照这篇文章Mac OS X 下使用 Ruby Gem 的两个坑重新安装了一个Ruby. jekyll启动时的问题 jekyll server后报错: /usr/local/lib/ruby/gems/2.5.0/gems/bundler-1.16.2/lib/bundler/r

一步步搭建自己的博客 .NET版(3、注册登录功能)

前言 这次开发的博客主要功能或特点:    第一:可以兼容各终端,特别是手机端.    第二:到时会用到大量html5,炫啊.    第三:导入博客园的精华文章,并做分类.(不要封我)    第四:做个插件,任何网站上的技术文章都可以转发收藏 到本博客. 所以打算写个系类:<一步步搭建自己的博客> 一.一步步搭建自己的博客  .NET版(1.页面布局.blog迁移.数据加载) 二.一步步搭建自己的博客  .NET版(2.评论功能) 三.一步步搭建自己的博客  .NET版(3.注册登录功能) 四

0成本搭建个人技术博客和个人网站

摘要: 首先送上我的个人博客先睹为快 鲁边的个人博客 说说搭建个人博客的初衷,前段时间发现自己在博客网站上的文章配图没了,感觉很不可思议,就萌生了这样的想法,但真正驱使我去行动起来的原因是,最近有一次我发表了一篇文章,结果还要审核,最后告诉我审核不通过,好吧,我换了一个博客发表,结果给我封号了,封号了,心情一时难以言表.于是愤而起身,决定亲自搭建一个博客. 下面我们看正文. 一.前言 如果时间算是成本的话,那我的标题可能起错了. 1.1.为什么要搭建博客 相比较CSDN博客园简书而言,个人博客是

在Ubuntu 14.04上搭建github Pages博客

背景 github是一个全球性的代码托管平台,支持github Pages服务.这个服务可以为个人.组织或项目建立静态主页.github为用户提供项目托管.git.pages等用于项目开发的功能.我们使用的就是其pages服务.相对于其他提供免费博客的网站,github的最大优点是无任何广告且提供git版本管理工具对博客进行管理.但劣势是需要一定的命令行操作,对于普通用户有一定门槛.Octopress是一款优秀的静态化博客系统,官方将它简称为:"A blogging framework for

2015年12月12 Node.js实战(一)使用Express+MongoDB搭建多人博客

序,Node是基于V8引擎的服务器端脚本语言. 基础准备 Node.js: Express:本文用的是3.21.2版本,目前最新版本为4.13.3,Express4和Express3还是有较大区别,可以去官网查看wiki:https://github.com/strongloop/express MongoDB: 一.使用Express搭建一个站点 1 快速开始安装Express Express是Node上最流行的Web开发框架,通过它可以快速开发一个Web应用.全局模式下输入命令: $ npm

搭建自己的博客教程,linux mysql wordpress

序:搭建自己的博客教程哦~~听上去就蛮激动人心的. 一.准备 域名:阿里云域名 www.yaochuancun.me 阿里云server ubuntu 14.04 ip地址:120.24.55.63 php 5.2.4 或更新版本 Mysql 5.0或更新版本 Apache mod rewrite模块(可选,用于支持“固定链接”和“站点网络”功能) 关于域名备案的问题,跟域名没有关系,跟服务器主机有关系,国内的主机都需要备案才能开启443 80端口,不备案的话80 443等一些常用端口就用不了.

新浪SAE上搭建WordPress个人博客网站-开篇

新浪SAE上搭建WordPress个人博客网站-开篇 2014年5月29日 在开始这篇博客之前,笔者在这里先普及两个东西: SAE,Sina App Engine的简称,是新浪的内部开发的云计算平台,在这里开发者可以创建Web应用和移动应用.我们创建好的应用就可以部署到SAE服务器上,它会帮我们进行负载均衡,SAE提供很多功能和服务,详细内容请到http://sae.sina.com.cn/进行查看. WordPress想必很多个人站长都非常熟悉了,它是一种使用PHP语言和MySQL数据库开发的