1、平台注册账号,新建域名

github(源码托管服务站):https://github.com/
到GitHub官网,注册自己的账号,填好用户名,密码,邮箱,并完成邮箱验证就可以啦!
默认的域名是http://username.github.io/,(username为你想要的名字)如果想要一个特别的域名,可以买一个域名,并在setting里面绑定就可以了。
以上完成了第一步,我们有自己的代码仓库了,接下来我们要配置本机环境了!
2、Windows环境搭建
(1)node.js:https://nodejs.org/en/download/
(2)git:https://git-scm.com/downloads
(3)工具安装完成之后,打开命令窗口(Win+R,输入CMD,回车),分别输入: node -v ,  npm -v ,  git version 。
若出现版本号,则安装成功。
3、服务器 SSH授权

 cd ~/.ssh  #检查本机已存在的ssh密钥,如果提示:No such file or directory 说明你是第一次使用git。ssh-keygen -t rsa -C "dinphy1205@126.com"  #生成keygen密钥:ssh-keygen -t rsa -C "邮件地址",然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录(C:\Users\Administrator),找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:[直达](https://github.com/settings/keys),将刚复制的内容粘贴到key那里,title随便填,保存。
ssh -T git@github.com  # 测试是否成功,注意邮箱地址不用改。如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:Hi liuxianan! You've successfully authenticated, but GitHub does not provide shell access.看到这个信息说明SSH已配置成功!

此时你还需要配置:git config --global user.name "dinphy"  #你的github用户名,非昵称git config --global user.email "dinphy1205@126.com"  #填写你的github注册邮箱

4、用到的模板:hexo

(1)安装hexo
在任意一个地方新建一个文件夹,打开这个文件夹后右键选择git bash,输入命令: npm install -g hexo 安装hexo即可。

注意,在回车之后,可能会出现一行WARN的警告语句,不用管它,什么都不要按,等着。。。过一段时间如果出现hexo版本号之类的语句就代表差不多了。
然后输入命令: npm install hexo --save  出现WARN的警告语句,不用管它,紧接着输入命令: hexo v  查看是否安装成功。
之后会列出十多行环境配置清单,说明安装好了。
别着急,就快成功了,再坚持一小小下,嘿嘿。
(2)初始化hexo
在任意一个地方新建一个文件夹,打开这个文件夹后右键选择git bash,输入命令: hexo init  实现初始化。
出现INFO Start blogging with Hexo!语句,说明初始化成功。
下载好了,再输入命令: hexo s  启动服务,这时候我们就可以打开浏览器了,在地址栏中输入http://localhost:400/,我们就可以看到搭建好的博客界面了,我们的博客建成功啦!!!开不开心?高不高兴?是不是很有成就感?
我们可以去看一下我们的源码的位置,就在之前新建的那个文件夹里,在source -> _posts文件夹下,有一篇hello-world.md的初始化文章,如果想要添加新的文章,可以在命令行输入 hexo new 'filename' ,就会生成一个新的.md文件,对它编辑就可以了。
(3)上传项目
先打开配置文档_config.yml,对它做如下修改,repository后面的内容是  git@gitbub.com:username/库地址  的形式
注意:type、repository、branch冒号的后面都有一个空格

=====================================================
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:dinphy/dinphy.github.io.git
branch: master
=====================================================

部署好之后,我们就可以上传我们的代码咯

回到命令行窗口,输入 npm install hexo-deployer-git --save ,
再输入 hexo g ,然后再 hexo d ,就可以将我们public里面的代码上传咯,在GitHub上可以看到我们上传的代码。这样别人也可以通过域名访问我们博客了。在地址栏输入http://域名就可以访问。
(4)更改主题
在hexo官网上下载自己喜欢的theme,点击图片可以预览主题,点击图片下面的文字就可以打开下载链接
复制源码的url,在git hash 命令窗口下载主题,输入git clone url,注意得手动粘贴,Ctrl+v无效
接着,将配置文件中的theme改为新的主题的名字,记住一定要将下载下来的文件夹放到themes文件夹里!

=====================================================
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape
=====================================================
landscape为主题名,改这里就对了

差不过就这么多啦,接着就可以根据主题的使用文档进行博客的修改,改成自己喜欢的样子!

转载于:https://www.cnblogs.com/dinphy/p/9010508.html

在github上搭建个人博客相关推荐

  1. 在Github上搭建Jekyll博客和创建主题

    在Github上搭建Jekyll博客和创建主题 之前本来想展开写的,后来发现Jekyll官网的教程已经非常完善了就没有多写,所以只有这篇. 但是过了这么久,发现很多人还是不清楚怎么搭建,所以这里打算详 ...

  2. jekyll php,使用Jekyll在Github上搭建个人博客(文章分类索引)

    系列文章传送门: 今天又滚出去野了一天,打牌输了,好在输的不多,聊天聊到了以后的路子,不太好走啊... 使用Category分类 一般来说,一个个人博客的文章会分为很多种,比如说有记录生活情感的.技术 ...

  3. hexo在github上搭建个人博客详细步骤

    hexo搭建个人博客详细步骤 本片博文讲详细讲解搭建过程,经历鉴于我搭建托管博客所遇到的错误!为了避免读者重蹈覆辙.我将尽量详细,和一些遇到的错误与大家分享. 第一步 1 首先我们先去准备[githu ...

  4. 在github上搭建hexo博客

    cnblog的MarkDown太糟心了,干脆换hexo和github pages用用. 这个随笔给自己当备忘录用的,网上有更详细的教程. hexo官方文档 安装git,安装nodejs windows ...

  5. github上搭建个人博客

    为什么80%的码农都做不了架构师?>>>    http://blog.csdn.net/liumengxinfly/article/details/7419144 http://w ...

  6. 尝鲜之在Github上搭建Octopress博客

    参考这两篇文章足矣. 1.http://blog.163.com/fuhaocn@126/blog/static/366650802012115103842500/ 2.http://www.cnbl ...

  7. 利用Github+Jekyll搭建个人博客

    前言 拥有一个个人博客基本上已经接近是开发者的标配之一了,在博客中记录自己的学习过程,分享自己的经验总结,也是促进自己技术成长的重要途径.当前有许多种创建个人博客的方式可以选择,如选择专业的博客网站提 ...

  8. github项目怎么运行_利用 GitHub 从零开始搭建一个博客

    "NightTeam",一个值得加星标的公众号. 趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域 ...

  9. 【Web】Hexo+Butterfly+Github+Coding搭建个人博客

    个人博客: http://www.milovetingting.cn Hexo+Butterfly+Github+Coding搭建个人博客 背景 之前用docsify搭建了一个简单的博客,但是docs ...

最新文章

  1. Andriod anim alpha中的属性介绍
  2. html万年历闹钟怎么取消,万年历如何取消整点报时,他上面有四个键,分...
  3. synchronized修饰方法和代码块的区别
  4. 聚焦 | 数据湖分析如何面向对象存储OSS进行优化?
  5. 优雅的实现对外接口,要注意哪些问题?
  6. linux驱动编写(入门)
  7. CCRD_TOC_2008年第4期
  8. atitit.提升开发效率---使用server控件生命周期 asp.net 11个阶段 java jsf 的6个阶段比較...
  9. java轩辕剑天之痕游戏攻略_轩辕剑3外传天之痕攻略 全流程文字攻略(3)
  10. python爬取一条新闻内容_一个爬取近百万数据的Python爬虫
  11. TypeScript--适合小白吧(应该)
  12. C编译器剖析_5.2.1 中间代码生成及优化_布尔表达式的翻译
  13. Arthas——热替换
  14. PDF文件压缩有什么方法?如何操作?
  15. 如何查看电脑有几个内存条插槽
  16. android投影到win7,求教,如何把安卓手机屏幕投射到win7电脑上-win7投屏设置,手机投屏到电脑win7...
  17. 2022-2028年全球与中国近红外光谱仪行业竞争格局与投资战略研究
  18. android客户端动态折线图
  19. 论文翻译1-PARSEC-Streaming 360-Degree Videos Using Super-Resolution
  20. 干货|Pytorch弹性训练极简实现( 附源码)

热门文章

  1. python实现tail -f 功能
  2. python中int() 取整
  3. VC Skills 3收藏
  4. 无法获取 dpkg 前端锁_济南一小区分类垃圾桶上了锁?闲置不用惹居民质疑
  5. 最小公倍数(C语言)
  6. 【心级卖家攻略】用按键精灵两小时批量上传500件商品(一)
  7. 4.1 简单题 - D 加油冲鸭
  8. MPU6050教程(转载)
  9. cocoscreator实现微信内置浏览器点击图片识别图中二维码
  10. 南通SEO给家乡带来了什么?