我相信很多人都想拥有一个自己的博客,把自己的一些生活感想或者学习总结写到这上面分享给大家。首先我推荐一个网站简书,无论你是否是搞技术开发工作的或者其他文艺工作者,只要你想写文章,简书无疑是一个好的写文章的地方,如果是搞技术的小伙伴还有推荐的是博客园,CSDN博客等等

但是如果你不满足那些博客千篇一律的外表,自己动手能力也强,想要拥有一个高大上的属于自己的博客,有自己的网址,那么跟我一起来创建一个属于自己的博客吧

我的博客地址(http://www.codertian.com) 请大家多多关注我的新博客,有什么技术都会在这边分享

关于使用github创建博客,知乎上有很多讨论,大家可以根据自己的爱好,搜索不同的教程。
有哪些github pages开源项目可以用来建博客?

我创建的这个博客是使用的github page + Hexo方法。

关于github page

使用github创建的博客是属于静态网站博客,也就是把写好的文章生成HTML网页,然后上传到github网站,显示的也就是HTML网页,所以加载速度会很快

友情提示:创建自己的博客用到很多命令行命令,但是不要恐惧,你可以直接复制粘贴,不需要看的懂。

开始搭建属于自己的博客吧

大概分为下面几个步骤

  • 环境搭建
  • 安装配置Hexo
  • 配置github仓库
  • 配置自己的网址(也叫域名)
  • 创建和发布文章

第一步:环境搭建

  • 安装git (因为要给github上传文章)
  • 安装Node.js(因为Hexo是基于Node.js开发的)

安装git

git官网(http://git-scm.com)

  • Windows: 直接下载和安装
  • Mac:进入git网站下载和安装,或者进入这里下载
  • Ubuntu:打开终端复制粘贴命令 sudo apt-get install git-core

安装Node.js

进入官网(https://nodejs.org/en/)
下载安装包,直接点击安装就可以了

第二步:安装和配置Hexo

以下命令都是直接复制粘贴到电脑终点运行的

上面的环境配置成功以后就可以使用npm安装Hexo了

npm install -g hexo-cli

然后在本地目录创建一个文件夹,比如我创建的是一个Hexo文件夹

然后cd到Hexo文件夹,也就是进去这个文件夹

然后依次执行下面的命令

hexo init
npm install

如果出现很多串代码的话,没有什么明显的错误就表示安装成功。

结果就是Hexo文件夹下面是这种结构

然后启动本地这个Hexo服务

hexo server

然后打开浏览器,输入http://0.0.0.0:4000/ 出现下图,既证明Hexo安装成功

好的,显示的网站你可能看着不好看,现在我们更改一下主题

按ctrl+c关闭server

我博客使用的主题是(https://github.com/litten/hexo-theme-yilia)

打开终端窗口,输入一下命令,将目录切换到Hexo文件夹内的themes文件夹内

cd themes

然后把这个主题从github网站上clone下来

git clone https://github.com/litten/hexo-theme-yilia.git

等待克隆完成,你会在themes文件夹下看到新的主题包,如下图,将这个主题包重命名为yilla

然后打开Hexo文件夹下面的_config.yml文件,修改里面的theme为yilia

重新打开server,浏览器输入http://0.0.0.0:4000/ 是不是看到主题已经变了??

好了,到此为止我们已经完成了本地Hexo的安装和配置。

第三步:配置github仓库

github官网(http://www.github.com)

注册账号我就不用说了吧,都很简单,然后创建一个的放博客文章的仓库

点击Crete a repositor

下图箭头指的方向就是配置你博客的访问地址,也就是仓库名 用户名.github.io必须是这个结构,不能有一点偏差。就按照我的方式创建就行,只需要把用户名改为你的
然后点击创建,会初始化一个空的仓库(因为我已经有一个这样的仓库了,所以会有红色警告)

然后就是配置SSH

我测试的是:

  • 如果你电脑上以前用过git往github上传过代码,并且配置的用户名和你github账号一致,那么你的github就算没有设置SSH,也可以上传成功,只需要把Hexo的配置文件配置为HTTP方式上传文章。
  • 如果你配置上传的账号和github账号不同,那么你可以把这个账号添加到你博客仓库的Collaborators上面,也可以上传文章

    如果你不懂上面说的啥意思,不用管那么多,那就老老实实配置SSH吧!!

简单方法:

去这个网站下载github的客户端(https://desktop.github.com) 然后输入你的用户名,会自动配置好SSH

命令行方法:

执行下面命令生成SSH

ssh-keygen

敲三次回车,既可以生成id_rsa.pub文件,这里面就是SSH key的内容

然后使用vim编辑器打开这个文件

vim ~/.ssh/id_rsa.pub

然后使用鼠标拷贝里面的内容(退出vim编辑器命令:wq

打开你的github,点击Setting

点击左边SSH keys

点击右边Add SSH

然后把复制的内容粘贴到下面那个框里面,title随便自己写。

过程可能会让你输入一次密码,输入即可!
配置好就行了

判断SSH是否配置好

ssh -T git@github.com

出现Hi CoderTian! You've successfully authenticated, but GitHub does not provide shell access. 就表示你已经配置好了SSH

SSH配置好了,下面配置你的本地Hexo

打开Hexo目录下的_config.yml,拉倒最下面
配置为这样子,只需要把codertian改为你自己的github用户名就可以了。
这种提交方式是使用http方式提交的,我个人测试的是不需要配置SSH也可以提交

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:type: gitrepository: http://github.com/codertian/codertian.github.io.gitbranch: master

保存,cd到Hexo的根目录
依次执行下面的命令

  hexo cleanhexo ghexo d

如果出现下图既证明已经没有出现问题

如果出现失败的提示可以把上面的配置改为下面这种使用SSH方式的提交,把用户名改为你自己的用户名

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:type: gitrepository: git@github.com:codertian/codertian.github.io.gitbranch: master

第一次上传可能会让你输入git的用户名和密码

如果成功的话在浏览器输入(http://codertian.github.io) 就可以访问你的博客了。把用户名换为你自己的。

好了,到这里为止,你已经完成了自己博客的创建了

第四步:配置自己博客的网址(也叫域名)

首先去万网(http://wanwang.aliyun.com) 购买自己的域名,比如我购买的是(codertian.com)

然后去github,点击进去你创建的那个博客仓库点击create a new file here

名字为CNAME
内容为www.codertian.com记住填写你自己申请的域名

然后提交

来到仓库的右边点击Download zip按钮,下载下来这个仓库,把里面的CNAME文件拖到Hexo文件的Source目录下

这边配置好了以后,来到万网解析你的域名
配置为这样子

github提供了两个主机地址

192.30.252.153
192.30.252.154

好了等待你的域名解析生效吧。就可以在浏览器里面输入你自己的域名访问的博客了。

第五步:创建和发布文章

想要发布新的文章,首先创建
cd到Hexo文件夹

hexo new "文章标题"

你可以在Hexo->Source->_post目录下看到你新创建的那个文章,还有一个配套的文件夹,里面放这边博文的图片资源

使用支持MarkDown编辑器编写的打开新创建的文件,就可以写文章了,要根据MarkDown语法写出来的文章才会好看

Mac的markdown编辑器,我推荐mou
window下面的大家可以自行搜索一下

markdown具体语法参考(http://www.appinn.com/markdown/#code)

文章标题,日期,标签,分类

title: MVVM模式快速入门
date: 2015-11-13 15:40:25
tags: MVVM
categories: IOS开发

文章写好直接执行下面命令即可直接发布文章

hexo d -g

如果你是写代码的,感觉代码样式不好看,你可以下载别的主题,替换代码显示样式文件

文件地址`/source/css/_partial/highlight.styl

使用github+Hexo人人都能拥有一个美美的博客相关推荐

  1. 如何拥有一个完全免费的博客?

    链接:https://www.zhihu.com/question/20688782/answer/66639460 作者:CODING 链接:https://www.zhihu.com/questi ...

  2. 2021微信红包封面制作!人人都可以拥有自己的红包封面!安卓苹果都可!

    2021微信红包封面制作!人人都可以拥有自己的封面! 微信红包封面复活了!但是规则与上次略微不同 之前的小程序版本依然无法打开,现在复活的是全新网页版本 **入口

  3. Hexo | NexT打造一个炫酷博客

    文章目录 写在前面 基本定义 博客搭建 初级 基础功能篇 站点配置文件 网页样式篇 需要了解的 修改文章页宽 修改小型代码块颜色 修改链接文字样式 修改[Read More]按钮样式 修改标签云(ta ...

  4. Hexo + GitHub Pages + NexT在win10上搭建个性化个人博客

    刚刚搭好自己的个人博客,现在总结一下 注册Github账号及创建仓库 访问网址:https://github.com/ 注册好账号之后,点击下图中的Start Project 在Repository ...

  5. 服务器centos怎么部署_我什么都不会,怎么拥有自己的个人博客呢

    博客每个人都想拥有一个属于自己的博客,可以分享自己的心得.技术等,可以很好地展示自己的作品,但是自己又什么都不会怎么才能拥有自己的个人博客呢? 一.搭建个人博客需要什么呢 (1)购买服务器,个人博客可 ...

  6. Hexo主题之livemylife个性化构建你的博客

    本篇博客已首发在个人博客 [快乐码原] :Hexo主题之livemylife个性化构建你的博客 欢迎各位客官来康康~ tips:部分图片加载异常,可以到我的个人博客浏览完整版. 简介 livemyli ...

  7. 10分钟搭建一个免费个人博客网站

    一个程序员怎么能不拥有自己的博客,本文让10分钟快速搭建部署好自己的博客 准备工作 有Gitee账号 有安装git 会 markdown 编写文档 Node.js 版本 >= 8.6 博客采用V ...

  8. 第一个Python程序——博客自动访问脚本

    第一个Python程序--博客自动访问脚本 动机 今天有朋友写信说他认为自己的wordpress博客内显示的访问统计信息不正常,希望我能为他制造一些访问信息,供他对比.朋友提出的请求是在短时间内快速打 ...

  9. 怎么搭建一个自己的博客?

    怎么搭建一个自己的博客? 总共几个步骤 买一个服务器 买一个域名 服务器环境配置 域名跟服务IP连接 然后就可以直接访问了 1.买服务器 VPS 虚拟专用服务器,就是利用虚拟化技术(如KVM.Xen. ...

最新文章

  1. C#中自定义PictureBox控件
  2. 使用Canvas进行验证码识别
  3. asp.net 一个简易权限的小例子设计
  4. python的列表操作_在Python中列表的操作
  5. hadoop强制删除
  6. Qt程序启动画面QSplashScreen类
  7. 数据治理——如何处理“脏数据”
  8. laydate时间控件:开始时间,结束时间最大最小值,设置默认时分秒
  9. 基本共射放大电路的动态分析
  10. css手册.chm + W3CSchool.chm下载
  11. delta和gamma中性_趣谈希腊字母(Delta和Gamma)
  12. 计算机流水线重要知识,计算机组成与体系结构——流水线相关知识点(常考计算)...
  13. 整理的最新版的K8S安装教程,看完还不会,请你吃瓜
  14. 运营商悄悄展开流量价格战,中国电信祭出29元含100GB流量卡
  15. linux 起网口up_【Linux】ubuntu或linux网卡配置/etc/network/interfaces
  16. windows桌面图标显示白边的解决方案
  17. daily CodeWars
  18. Ping一个IP地址是否有效
  19. PowerApps入门——PowerApps的3种打开方式
  20. Win 10 Hyper-V 虚拟机怎么迁移部署

热门文章

  1. 三元一次方程组步骤_《三元一次方程组及其解法》学习要点
  2. 詹姆斯·高斯林-JAVA之父
  3. Java实现 LeetCode 522 最长特殊序列 II(查找最长的非子序列的长度)
  4. linux 同一个交换机 不通,同一个交换机 局域网内 内网IP ping不通为什么 没关闭windows防火墙...
  5. 原生JS写仿淘宝搜索框(代码+效果),可实现3级搜索哦!
  6. Unity3D相机操控(完整模拟Scene视图操作)
  7. 小软件公司的生存之道
  8. 无线Mesh网络技术基础与应用
  9. 2021年电商企业倒闭名单
  10. Joint Discriminative and Generative Learning for Person Re-identification 论文翻译