在github上搭建个人博客
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为主题名,改这里就对了
差不过就这么多啦,接着就可以根据主题的使用文档进行博客的修改,改成自己喜欢的样子!
在github上搭建个人博客的更多相关文章
- 在github上搭建个人博客并在线更新
换博客比更博还勤的我终于决定写一篇博客搭建教程了.. FAQ Q:\(hexo\)需要本地编译.\(jekyll\)虽然可以直接上传\(md\)..但是如果在github上直接编译也太难受了叭,毕竟不 ...
- 用Hexo在GitHub上搭建个人博客
我用Hexo在GitHub上搭建好了自己的博客,我的这第一篇博客就来说说搭建的过程. 1 环境配置 本文使用环境如下: Windows 10 node.js v8.1.3 git v2.13.2 np ...
- Github上搭建个人博客记录
1.注册,用户名一定要起好,别随便起. 2.登录后,新建一个仓库repositories.new一个. 命名为用户名.github.io.如果发现不一样进Settings修改,rename. 3.仓库 ...
- 使用Hexo在github上搭建个人博客
最近正好在学习前端开发,想着搭建一个属于自己的个人博客,把自己的技能树整理整理,温故而知新. 如果你有前端开发经验,那么搭建这样的博客就很简单了. 一 什么是Hexo Hexo 是一个快速.简 ...
- 在github上搭建hexo博客
准备工作 安装git 系统是win10家庭版,采用git v1.9.5版本,比较简单,一路next直到finsh完成安装. 安装node.js hexo是基于node.js驱动的一款快速.简单且功能强 ...
- 使用Jekyll在Github上搭建个人博客 - 环境搭建
本地安装Jekyll 首先安装Ruby及gem Ruby的安装 Ruby官网进行下载 从RubyInstaller下载ruby [新手推荐] 我采用的是RubyInstaller,无脑简单 勾选时我配 ...
- 利用Octopress在github pages上搭建个人博客
利用Octopress在github pages上搭建个人博客 SEP 29TH, 2013 在GitHub Pages上用Octopress搭建博客,需要安装ruby环境.git环境等.本人在Fed ...
- 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客
本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...
- hexo在git上搭建个人博客
公司实习第一天接到的任务是:搭建一个基于Nodejs的开源项目的开发环境,接到任务时以为不是很困难,后来才知道该项目已于去年被废弃,搭配环境的时候遇到了不少问题,折腾了两天还是没有最终完成... 不过 ...
随机推荐
- 数学——Euler方法求解微分方程详解(python3)
算法的数学描述图解 实例 用Euler算法求解初值问题 \[ \frac{dy}{dx}=y+\frac{2x}{y^2}\] 初始条件\(y(0)=1\),自变量的取值范围\(x \in [0, 2 ...
- 手动添加jar包到本地仓库
最近写一个小项目需要用到阿里大鱼的短信功能,安装官网提供的maven及demo做了下测试,在测试过程中,发现导入的pom文件是无效的,也就是说本地的maven仓库中并么有我们pom中的依赖.于是我在网 ...
- JavaScript基础笔记(一)基本概念
基本概念 一.语法 一)区分大小写 二)标识符 书写规则同Java 三)注释 略 四)严格模式 1.在整个脚本中启用严格模式:在顶部添加 "use strict" 2.指定函数在严 ...
- 关于腾讯云服务器不能用公网ip访问的解决方案
最近在腾讯云服务器上部署Javaweb项目,开始外网ip是可以访问到云服务器上的项目的,我重启了一下Tomcat之后发现端口号8080无法使用,此时的公网ip还是可以使用的,然后我重启了一下云服务器之 ...
- BZOJ2948 : [Poi2001]绿色游戏
维护一个保护集合$S$,表示哪些点$A$可能胜利. 首先将所有绿点加入$S$. $1.$对于一个不在$S$的$A$点,若它存在某个后继在$S$中,则将其加入$S$. $2.$对于一个不在$S$的$B$ ...
- GetLastError
GetLastError返回错误表[0]-操作成功完成. [1]-功能错误. [2]-系统找不到指定的文件. [3]-系统找不到指定的路径. [4]-系统无法打开文件. [5]-拒绝访问. [6]-句 ...
- dedecms在后台替换文章标题、内容、摘要、关键字
dedecms在后台替换文章标题.内容.摘要.关键字所在的字段为: 后台替换文章内容 数据表:dede_addonarticle 字段:body 后台替换文章摘要内容 数据表:dede_archive ...
- Vue(三)常用指令
(1) v-model 双向数据绑定,一般用于表单元素 <script> window.onload=function(){ new Vue({ // el:'.itany', el:'d ...
- 关于Mysql表InnoDB下插入速度慢的解决方案
最近做了 server_log 日志数据库记录,仅仅插入,由平台来获取数据进行分析的需求. 但是内部反馈插入数据库记录非常耗时,我就很纳闷了,一个insert怎么会 30-50ms 呢?按说应该在 0 ...
- FFM及DeepFFM模型在推荐系统的探索及实践
12月20日至23日,全球人工智能与机器学习技术大会 AiCon 2018 在北京国际会议中心盛大举行,新浪微博AI Lab 的资深算法专家 张俊林@张俊林say 主持了大会的 搜索推荐与算法专题,并 ...