MAC下利用Github 、hexo、 多说、百度统计 建立个人博客指南
1.前期准备:
(1)注册github账号
(2)安装xcode
(3)安装node.js
2.创建repository:
(1)开个github的个人主页,点击创建仓库按钮 New repository
(2)比如我的账号是cynthiawupore,那么我创建的仓库名就必须是cynthiawupore.github.io。然后点击下面的Create repository按钮
(3)点击 create reposotory后,进入以下页面,点击上方的settings,拖到下放,点击Launch automatic page generator
(4)点右下角的
(5) 这里直接publish page就可以了,不用选主题,因为后面我们会用hexo的主题替换这个。
(6)创建成功,可以访问你自己的网站了 http://cynthiawupore.github.io/
3.配置ssh keys
(1)在iterm2控制台下进入这个目录,检查SSH key,如果提示没有该文件夹,则新建;若无提示,说明有,则先备份,再新建。
cd ~/.ssh
mkdir key_backup //新建备份目录
mv id_rsa* key_backup //备份文件
ssh-keygen -t rsa -C "yinqingqian@outlook.com" // 输入你自己的github邮箱,新建ssh
这时候会出现输入密码验证的步骤
如果密码正确,会出现下图:
vim id_rsa.pub //查看生成的ssh文件内容 并复制
4.把配置的ssh和github账号关联:
(1)将刚复制的ssh呢,添加到github账号的个人设置settings ->SSH Public Keys-> New SSH key
(2)->SSH Public Keys-> New SSH key
(3)把刚复制的ssh文件内容贴到这里
(4)点击按钮 Add SSH key 后
5.测试ssh密钥是否添加成功
(1)打开控制台
cd ~/.ssh //回到ssh的存放目录
ssh-agent -s
会出现
继续命令
ssh-add ~/.ssh/id_rsa
出现以下提示说明添加成功
然后我们测试下
ssh -T git@github.com
我在这里被拒绝访问了
然后我试了下
ssh -vT git@github.com
如果你也遇到和我一样的问题,解决方案:
vim ~/.ssh/config
然后在文件里添加
Host github.com
Hostname ssh.github.com
Port
按 esc ,然后输入:wq进行保存退出
这时候再测试下
ssh -T git@github.com
ok!以上就表示SSH配置好了。
6.配置HEXO
(1)配置好ssh以后,我们开始安装hexo
sudo npm install -g hexo //全局安装hexo或者hexo-cli
(2)查看是否安装成功 , 出现版本信息则安装成功
hexo -v
(3) 随意新建文件夹,比如BlogGithub
hexo init //初始化hexo
完成后
npm install // 安装里面的配置文件
//有时候需要再装一遍
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save
hexo -g // 生成静态文件
hexo s -o //本地查看
这时候会自动打开游览器预览你的博客了,这时候我们发布下到github上就完成hexo的配置了。
(4)打开你存放博客静态文件的目录,这里是BlogGithub,然后打开_config.yml ,配置我们自己的域名
deploy:
type: git
repo: https://github.com/cynthiawupore/cynthiawupore.github.io.git
branch: master
hexo deploy //发布
######
https://cynthiawupore.github.io/
配置和主题网上有很多就不多写了。
常用操作:
$ hexo new "文章名"
$ hexo clean
$ hexo generate
$ hexo deploy 或者:
$ hexo -s -g
$ hexo deploy
MAC下利用Github 、hexo、 多说、百度统计 建立个人博客指南的更多相关文章
- Mac下使用GitHub+Hexo搭建个人博客
首发链接 开始之前需要在电脑上安装好Git和node.js,Mac上可以使用Homebrew命令行工具来安装Git和node.js 安装Homebrew 在命令行工具输入以下命令,如果已经安装过Hom ...
- Mac下利用(xcode)安装git
Mac下利用(xcode)安装git 一.AppStore 最安全途径:搜索下载Xcode,(需要AppleID). 其他:直接百度Xcode下载. 二.Xcode 打开Xcode-->Pref ...
- Linux下使用 github+hexo 搭建个人博客07-next主题接入搜索和站点管理
这是搭建个人博客系统系列文章的最后一篇,如果你是从第一篇一路跟下来的,那么恭喜你,即将完成整个博客网站的搭建.OK,话不多说,开始我们的收官之战. 不知你想过没有,如果我们的文章少,一眼看完整个目录, ...
- Linux下使用 github+hexo 搭建个人博客06-next主题接入数据统计
之前说了 next 主题的优化和接入评论系统.让我们完成了自己所需的页面风格和排版,也可让访问用户在每篇博文评论,完成博主和访问用户的交互. 本章我们继续讲解其他重要功能. 既然是一个网站,那么我们就 ...
- Linux下使用 github+hexo 搭建个人博客05-next主题接入评论系统
静态站点拥有一定的局限性,因此我们需要借助于第三方服务来扩展我们站点的功能. 而评论系统是最常用于和网站用户交流的,因此本章讲解在 next 主题,如何接入评论系统. 参考网站:Next 使用文档,第 ...
- Linux下使用 github+hexo 搭建个人博客04-next主题优化
上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功 ...
- Windows环境下利用github快速配置git环境
在windows环境下利用github客户端我们可以直接拥有可视化的界面来管理工程,当然你也可以选择你喜欢的命令行工具来做.今天我分享一个比较快速的方式来配置git环境. 先去下载github的win ...
- 如何在Mac下配置Github和Bitbucket的SSH
--- title: 如何在Mac下配置Github和Bitbucket的SSH date: 2017-12-23 21:10:30 tags: - Mac - Git - Github catego ...
- Linux下使用 github+hexo 搭建个人博客03-hexo配置优化
上两张文章,我们说了 hexo 部署.主题的切换.博文的创建.MarkDown 简单使用和 hexo 部署到 GitHub Pages. 也说了我们会使用 next 主题做为我们后期博客的使用和维护. ...
随机推荐
- toString()方法
前面的话 本文将介绍toString()方法,toString()方法返回反映这个对象的字符串 [1]undefined和null没有toString()方法 undefined.toString() ...
- Anliven - 你的学习为何如此低效?!
拖延 适时学习的本质就是营造机会,具有强烈的时效性,而拖延能够毁灭所有机会! 一个得不到执行的完美计划,比不上一次仓促的执行! 盲目 缺少有效的策略和方法,没有弄清基本的问题(需求--->性质- ...
- 使用 CSS3 动画实现的 3D 图片过渡特效
这是一个基于 CSS3 动画实现的图片过渡效果,共有 Flip.Rotation.Multi-flip.Cube.Unfold 等6种效果,它们将证明 CSS3 Transform 和 Transit ...
- Windows Azure Web Site (14) Azure Web Site IP白名单
<Windows Azure Platform 系列文章目录> 我们知道,在Azure Cloud Service和Virtual Machine,可以通过Endpoint ACL (Ac ...
- 手机端web学习基础--from慕课网
web知识零零散散的知道一些,但总感觉不够系统,遇到问题不知道如何解决,因此特此来系统的学习一下web前端的知识.从慕课网的web基础看起.下面学习http://www.imooc.com/learn ...
- redis学习教程之一基本命令
参阅redis中文的 互动教程(interactive tutorial)来学习的. 目录: 全局操作 get get incr 自增 del 删除 expire 定时 list 队列 set ...
- Lucene查询语法详解
Lucene查询 Lucene查询语法以可读的方式书写,然后使用JavaCC进行词法转换,转换成机器可识别的查询. 下面着重介绍下Lucene支持的查询: Terms词语查询 词语搜索,支持 单词 和 ...
- 大话胖model和瘦model
今天业务完成到一定程度,查看下代码,猛然发现目前的这个代码有点奇怪.奇怪就奇怪在我的model中有很多文件,每个文件都对应数据库中的一张表,然后每个model中有很多是几乎没有什么逻辑代码的.比如: ...
- ECharts+BaiduMap+HT for Web网络拓扑图应用
前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用,后来在ECharts的Demo中看到了有关空气质量的相关报表应用,就想将百度地图.ECharts和HT for Web三者结合起来 ...
- iOS平台快速发布HT for Web拓扑图应用
iOS平台一直是封闭的生态圈,iOS开发者要缴纳年费加入开发者计划才可进行iOS平台的APP开发测试,所开发的APP需要上传到App Store经过苹果审核以后才可对外发布.如果要开发企业内部应用,则 ...