git

下载并安装git

进入git下载页面,下载合适的版本,并安装。一路 Next ,到了 Select Components 界面,勾选 Git Bash Here 和 Git GUI Here。一路 next,完成安装。
右键桌面,会看到右键菜单多了 Git Bash Here 和 Git GUI Here 两项。此时我们就可以在资源管理器中使用git了。
注意:我这次换了电脑重新安装git后发现右键git bash虽然弹出窗口,但当前目录竟然不在Desktop,后来发现是因为开启了搜狗壁纸的图标整理,关掉图表整理就好了。

github

申请github账号

1.注册github,填写昵称,输入邮箱地址,设置密码,没问题后点击 Sign up for GitHub 按钮。
2.这时页面跳转,这里要选择成为免费用户还是付费用户,当然了,我们选择免费用户就好了,除非你土豪你不在乎你就付费吧。O(∩_∩)O~

3.第三步会让你选择一些如开发水平、注册github的目的等,这些都是可选项,然后点击 Submit 按钮,完成注册。

邮箱验证

1.登录github,点击右上角的头像,会出现一个列表,点击Settings。

2.进入设置页面后,右侧导航中 Emails 会有一个警告图标,这是因为还未验证邮箱。进入你的注册邮箱(即Primary主邮箱)进行验证,若没有收到验证邮件,那么点击Resend重新发送。

SSH的配置

在Settings页面我们可以看到 SSH and GPG Keys 标题,在这里我们可以将本地生成的ssh key添加到github,这样github就会信任这台机器,本地的代码就可以上传到github上了。
1.首先,桌面右键点击 Git Bash Here,打开命令窗口。

2.输入如下命令,后面的邮箱就是你的主邮箱。

1
$ ssh-keygen -t rsa -C "your_email@example.com"

3.回车,让你输入保存key的目录,可以不填,回车;让你输入一个密码,可以不填,回车;确认秘密,可以不填,回车。
4.成功生成key并显示保存路径,例如:

5.用记事本工具打开id_rsa.pub,全选复制;打开github,进入Settings,选择 SSH and GPG Keys,点击 New SSH key 按钮,title随便写,将复制的key粘贴到Key下的文本框内,点击 Add SSH key 按钮。

hexo

终于可以安装hexo了!!!^O^ 这个就简单了

安装hexo

1.首先桌面右键 Gti Bash Here打开命令窗口,输入如下命令全局安装hexo。

1
$ npm install -g hexo

2.新建一个文件夹,作为hexo的站点目录,具体位置你自己选择。进入该目录,右键 Git Bash Here,输入hexo初始化命令,执行成功后,站点目录下就会有hexo框架内容了。

1
$ hexo init

3.下载所需依赖,站点目录下会出现名为node_modules的文件夹,里面放的都是hexo所需要的依赖包。

1
$ nmp install

4.执行hexo generate,生成博客目录public,再执行hexo server,启动服务器;访问 http://localhost:4000/ 就可以查看本地博客了。

原文链接: https://selina0526.github.io/2016/12/21/Hexo-Github-%E9%AB%98%E9%80%BC%E6%A0%BC%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E6%8C%87%E5%8D%97/

Hexo+Github 高逼格个人博客搭建指南(准备篇)的更多相关文章

  1. hexo——轻量、简易、高逼格的博客

    背景 写blog虽然经历了N多不同时代的产品,恒久不变的始终是自己无人问津的网站.虽然没几个人看,还是隔断时间就要折腾一下.从最开始的wordpress,到tale,到现在的hexo,网站变得越来越简 ...

  2. 不可思议的hexo,五分钟教你免费搭一个高逼格技术博客

    引言 作为程序员拥有一个属于自己的个人技术博客,绝对是百利无一害的事,不仅方便出门装b,面试时亮出博客地址也会让面试官对你的好感度倍增.经常能在很多大佬的技术文章的文末,看到这样一句话: " ...

  3. 使用Hexo建立一个轻量、简易、高逼格的博客

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_93 在之前的一篇文章中,介绍了如何使用Hugo在三分钟之内建立一个简单的个人博客系统,它是基于go lang的,其实,市面上还有一 ...

  4. WordPress博客搭建指南

    WordPress是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统.WordPress具有插件架构和模板系统.Alexa排行前100万的网站中有超过16.7%的网站使用WordPre ...

  5. 基于Github&Hexo的个人博客搭建过程

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  6. hexo&github博客搭建

    闲来无事,偶然看到hexo,便试着玩玩,hexo是一种静态博客工具,使用nodejs流生成静态博客,速度快,主题多,附地址:https://hexo.io/ 下面详细介绍如何使用hexo在github ...

  7. 个人博客搭建全记录(Hexo,Github)

    搭建过程主要借鉴小歪的博客 博客主题airclod Hexo,Github建站记录 1. 准备 Github账号 注册登陆Github 创建Repository,Repository Name就是Yo ...

  8. 【基础篇】hexo博客搭建教程

    [基础篇]搭建hexo博客(一) 作者:Huanhao bilibili:Mrhuanhao 前言 你是否想拥有属于自己的博客?你是否无奈与自己不会写网站而烦恼? 不要担心,本系列教程将会实现你白嫖的 ...

  9. Hexo静态博客搭建教程

    Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.生成静态网页可以托管在github.下面简单介绍一下he ...

随机推荐

  1. VM VirtualBox 安装 Android 4.3虚拟机完整教程

    大家好,今天给大家带来一篇安装安卓虚拟机的教程! 好了,现在开始我们的教程! 一.安装准备 1.Android 4.3安装镜像(文件名:android-x86-4.3-20130725.iso) 电脑 ...

  2. Java数据结构之字符串模式匹配算法---KMP算法

    本文主要的思路都是参考http://kb.cnblogs.com/page/176818/ 如有冒犯请告知,多谢. 一.KMP算法 KMP算法可以在O(n+m)的时间数量级上完成串的模式匹配操作,其基 ...

  3. Dynamics AX 2012 的工业物联网解决方案

    Dynamics AX 2012 的工业物联网解决方案 物联网 物联网的概念在这两年非常火,包括近期很火的共享单车初创公司--摩拜单车,在产品中运用了Azure Iot物联网技术.但是,物联网并不是一 ...

  4. 使用dom4j操作XML

    DOM4J介绍 DOM4J是使用Java语言编写的,用于读写及操作XML的一套组件,DOM4J同时具有DOM修改文件的优点和SAX读取快速的优点. DOM4J的使用 首先下载dom4j的JAR包,我用 ...

  5. 关闭编辑easyui datagrid table

    var rows = dg.datagrid('getRows');    for (var i = 0; i < rows.length; i++) {        dg.datagrid( ...

  6. Uva 242 邮票和信封

    题目链接:https://vjudge.net/contest/146179#problem/D 题意: 信封上最多贴S张邮票.有N个邮票集合,每个集合有不同的面值.问哪个集合的最大连续邮资最大,输出 ...

  7. [DL学习笔记]从人工神经网络到卷积神经网络_2_卷积神经网络

    先一层一层的说卷积神经网络是啥: 1:卷积层,特征提取 我们输入这样一幅图片(28*28): 如果用传统神经网络,下一层的每个神经元将连接到输入图片的每一个像素上去,但是在卷积神经网络中,我们只把输入 ...

  8. webDriver 执行杀死浏览器进程方法

    /**     * 执行dos命令     * @param command     */    public static void command(String command) {       ...

  9. 在AngularJS中同一个页面配置一个或者多个ng-app

    在AngularJS学习中,对于ng-app初始化一个AngularJS程序属性的使用需要注意,在一个页面中AngularJS自动加载第一个ng-app,其他ng-app会忽略, 如果需要加载其他ng ...

  10. select元素中设置padding效果

    更新2016-9-17:这个bug是在mac os上的发生,在window系统中不存在这个问题! 给select元素增加:padding-left:20px;但是未生效,如下图所示: 在select上 ...