GitHub创建个人主页
在GitHub,一个项目对应唯一的Git版本库,创建一个新的版本库就是创建一个新的项目。访问仪表板(Dashboard)页面,如图3-1,可以看 到关注的版本库中已经有一个,但自己的版本库为零。在显示为零的版本库列表面板中有一个按钮“New Repository”,点击该按钮开始创建新版本库。
进入代码库创建页面:
在Repository name
下填写yourname.github.io
,Description (optional)
下填写一些简单的描述(不写也没有关系),如图所示:
正确创建之后,你将会看到如下界面:
下图可以看到访问协议增加了一个支持读写的SSH协议,访问地址为:git@github.com:gotgithub/helloworld.git。注意任何GitHub用户均可使用该URL访问此公开版本库,但只有版本库建立者gotgithub具有读写权限,其他人只有只读权限。在初始化版本库之前,最好先用公钥进行认证。(参考:http://zuyunfei.com/2013/04/10/setup-github-ssh-key/)
配置公钥验证后,显示如下:
$ ssh -T git@github.com Hi gotgithub! You've successfully authenticated, but GitHub does not provide shell access. -------------------------------------------------------------------------------------------------------------------------------
在本地克隆新建立的版本库。
$ git clone git@github.com:gotgithub/gotgithub.github.io.git $ cd gotgithub.github.io/
在版本库根目录中创建文件index.html作为首页。
$ printf "<h1>GotGitHub's HomePage</h1>It works.\n" > index.html
建立提交。
$ git add index.html $ git commit -m "Homepage test version."
推送到GitHub,完成远程版本库创建。
$ git push origin master
-----------------------------------------------------------------------------------------------------------------
访问网址: http://gotgithub.github.io/ 。
最多等待10分钟,GitHub就可以完成新网站的部署。网站完成部署后版本库的所有者会收到邮件通知。
还有要注意访问用户二级域名的主页要使用HTTP协议非HTTPS协议。
配置Hexo
安装Hexo
在自己认为合适的地方创建一个文件夹,然后在文件夹空白处按住Shift
+鼠标右键,然后点击在此处打开命令行窗口。(同样要记住啦,下文中会使用在当前目录打开命令行
来代指上述的操作)
在命令行中输入:
npm install hexo-cli -g
然后你将会看到:
可能你会看到一个WARN
,但是不用担心,这不会影响你的正常使用。 然后输入
npm install hexo --save
然后你会看到命令行窗口刷了一大堆白字,下面我们来看一看Hexo是不是已经安装好了。 在命令行中输入:
hexo -v
如果你看到了如图文字,则说明已经安装成功了。
初始化Hexo
接着上面的操作,输入:
hexo init
如图:
然后输入:
npm install
之后npm将会自动安装你需要的组件,只需要等待npm操作即可。
首次体验Hexo
继续操作,同样是在命令行中,输入:
hexo g
如图:
然后输入:
hexo s
然后会提示:
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
在浏览器中打开http://localhost:4000/
,你将会看到:
到目前为止,Hexo在本地的配置已经全都结束了。
使用Hexo
在配置过程中请使用yamllint来保证自己的yaml语法正确
修改全局配置文件
此段落引用自Hexo官方文档
您可以在 _config.yml
中修改大部份的配置。
网站
参数 | 描述 |
---|---|
title
|
网站标题 |
subtitle
|
网站副标题 |
description
|
网站描述 |
author
|
您的名字 |
language
|
网站使用的语言 |
timezone
|
网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说:America/New_York , Japan , 和 UTC 。
|
网址
参数 | 描述 | 默认值 |
---|---|---|
url
|
网址 | |
root
|
网站根目录 | |
permalink
|
文章的 永久链接 格式 |
:year/:month/:day/:title/
|
permalink_default
|
永久链接中各部分的默认值 |
如果您的网站存放在子目录中,例如
http://yoursite.com/blog
,则请将您的url
设为http://yoursite.com/blog
并把root
设为/blog/
。
目录
参数 | 描述 | 默认值 |
---|---|---|
source_dir
|
资源文件夹,这个文件夹用来存放内容。 |
source
|
public_dir
|
公共文件夹,这个文件夹用于存放生成的站点文件。 |
public
|
tag_dir
|
标签文件夹 |
tags
|
archive_dir
|
归档文件夹 |
archives
|
category_dir
|
分类文件夹 |
categories
|
code_dir
|
Include code 文件夹 | `downloads/code |
i18n_dir
|
国际化(i18n)文件夹 |
:lang
|
skip_render
|
跳过指定文件的渲染,您可使用 glob 表达式来匹配路径。 |
文章
参数 | 描述 | 默认值 |
---|---|---|
new_post_name
|
新文章的文件名称 | :title.md |
default_layout
|
预设布局 | post |
auto_spacing
|
在中文和英文之间加入空格 | false |
titlecase
|
把标题转换为 title case | false |
external_link
|
在新标签中打开链接 | true |
filename_case
|
把文件名称转换为 (1) 小写或 (2) 大写 | 0 |
render_drafts
|
显示草稿 | false |
post_asset_folder
|
启动 Asset 文件夹 | false |
relative_link
|
把链接改为与根目录的相对位址 | false |
future
|
显示未来的文章 | true |
highlight
|
代码块的设置 |
分类 & 标签
参数 | 描述 | 默认值 |
---|---|---|
default_category
|
默认分类 |
uncategorized
|
category_map
|
分类别名 | |
tag_map
|
标签别名 |
日期 / 时间格式
Hexo 使用 Moment.js 来解析和显示时间。
参数 | 描述 | 默认值 |
---|---|---|
date_format
|
日期格式 |
MMM D YYYY
|
time_format
|
时间格式 |
H:mm:ss
|
分页
参数 | 描述 | 默认值 |
---|---|---|
per_page
|
每页显示的文章量 (0 = 关闭分页功能) |
10
|
pagination_dir
|
分页目录 |
page
|
扩展
参数 | 描述 |
---|---|
theme
|
当前主题名称。值为false 时禁用主题
|
deploy
|
部署部分的设置 |
配置Deployment
首先,你需要为自己配置身份信息,打开命令行,然后输入:
git config --global user.name "yourname"
git config --global user.email "youremail"
同样在_config.yml
文件中,找到Deployment
,然后按照如下修改:
deploy:type: gitrepo: git@github.com:yourname/yourname.github.io.gitbranch: master
如果使用git方式进行部署,执行
npm install hexo-deployer-git --save
来安装所需的插件
然后在当前目录打开命令行,输入:
hexo d
随后按照提示,分别输入自己的Github账号用户名和密码,开始上传。 然后通过http://yourname.github.io/来访问自己刚刚上传的网站。
添加新文章
打开Hexo目录下的source
文件夹,所有的文章都会以md形式保存在_post
文件夹中,只要在_post
文件夹中新建md类型的文档,就能在执行hexo g
的时候被渲染。 新建的文章头需要添加一些yml信息,如下所示:
---
title: hello-world //在此处添加你的标题。
date: 2014-11-7 08:55:29 //在此处输入你编辑这篇文章的时间。
categories: Exercise //在此处输入这篇文章的分类。
toc: true //在此处设定是否开启目录,需要主题支持。
---
进阶
如果成功完成了上述的全部步骤,恭喜你,你已经搭建了一个最为简单且基础的博客。但是这个博客还非常简单, 没有个人的定制,操作也比较复杂,下面的进阶技巧将会让你获得对Hexo更为深入的了解。
更换主题
可以在此处寻找自己喜欢的主题 下载所有的主题文件,保存到Hexo目录下的themes
文件夹下。然后在_config.yml
文件中修改:
# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: landscape //themes文件夹中对应文件夹的名称
然后先执行hexo clean
,然后重新hexo g
,并且hexo d
,很快就能看到新主题的效果了~
更换域名
首先,需要注册一个域名。在中国的话,.cn
全都需要进行备案,如果不想备案的话,请注册别的顶级域名,可以使用godaddy或新网或万网中的任意一家,自己权衡价格即可。 然后,我们需要配置一下域名解析。推荐使用DNSPod的服务,比较稳定,解析速度比较快。在域名注册商出修改NS服务器地址为:
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net
以新网为例,首先点击域名管理进入管理页面:
然后点击域名后面的管理
:
进入域名管理的操作界面,点击域名管理
,来到域名管理界面:
点击修改域名DNS
,然后选择填写具体信息
,在下面的空框中填入DNSPod的NS服务器:
然后我们进入DNSPod的界面,开始真正进入域名解析的配置= =。在DNSPod中,首先添加域名,然后分别添加如下条目:
最后,我们对Github进行一下配置。
在自己本地的hexo目录下的source
文件夹中,新建一个CNAME
文件(注意,没有后缀名。),内容为yourdomin.xxx
。然后再执行一下hexo d -g
,重新上传自己的博客。 在github中打开你自己的库,进入库的setting界面,如果看到了如下提示,说明配置成功了。
在这一系列的操作中,包括修改NS服务器,设置A解析等等,都需要一定的时间。短则10分钟,长则24小时,最长不会超过72小时。如果超过72小时,请检查自己的配置过程,或者修改自己本地的DNS服务器。
参考:https://xuanwo.org/2015/03/26/hexo-intor/http://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.htmlhttp://luckystar88.github.io/2015/08/31/%E4%BD%BF%E7%94%A8hexo-github%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/http://theme-next.iissnan.com/
转载于:https://www.cnblogs.com/sos-blue/p/6431265.html
GitHub创建个人主页相关推荐
- Github Page创建个人主页以及绑定域名
2019独角兽企业重金招聘Python工程师标准>>> 在github中 我们可以通过github page创建个人主页 以及绑定域名 据说有300m空间 以及无限流量 不过只能 ...
- 通过GitHub Pages创建个人主页
登陆github,创建新仓库,写入名字, 这里要以github.io做后缀, 不然创建出来的不是GitHub Pages 打开终端, cd到自己想要的文件夹后clone到本地 git clone ht ...
- 用Github建立个人主页
用Github建立个人主页 1. 建立Github Page 2. 选择theme 3. 关于jekyll 创建时间:2022-09-26,更新时间:2022-09-26 参考: [Gituhub官方 ...
- github创建静态页面_如何在10分钟内使用GitHub Pages创建免费的静态站点
github创建静态页面 Static sites have become all the rage, and with good reason – they are blazingly fast a ...
- 巧用 GitHub 创建自己的私人 Maven 仓库,及一些开发Library的建议
由于本人精力有限,如果内容有更新可能无法及时更新其他渠道的内容,请移步简书 查看文章 2014年中的时候,当时国内使用 Android Studio 的人还没有很多,很多人还没处理尝鲜的时候我开始把公 ...
- github 创建团队_如何为团队创建影响图
github 创建团队 有很多工具可以帮助您开发和实施出色的想法-用户故事研讨会,故事地图,价值主张画布,业务模型画布,甚至只是积压待办事项. 在本文中,我们将讨论一个称为影响映射的工具. 影响映射是 ...
- GIthub创建文件夹、跳转链接、Read.me添加图片和换行显示等操作
有些小伙伴在GitHub创建一个仓库,想在仓库的文件夹下创建一个跳转链接,比如点击一个题目就跳转到微信公众号链接,那具体怎么操作呢?且听我慢慢道来~ 其实在GitHub上Read.me创建链接就相当于 ...
- Github Page 个人主页——自定义域名
原文地址 1. 前言 看本文前请确认已部署好基础的静态网页,参考上篇文章 [[Github Page 个人主页--项目部署]]. 部署好的个人网页若使用 username.github.io 访问,会 ...
- Github创建、删除organization
Github创建organization 在左侧选择用户名,会弹出create organization,点击进入 填写organization name.biling email,选择组织类型,如果 ...
最新文章
- Linux free命令
- 映射文件xxx.hbm.xml下的各元素结构
- as3 java 交互_求大佬用 Java 实现这段 AS3 的 socket 通讯功能
- 模拟电梯控制软件设计c语言,模拟电梯控制系统设计.docx
- php求及格,详解PHP通过递归实现提成计算
- 15张Vim速查表-帮你提高N倍效率
- GitHub 2019年度报告,用户超4000万
- day15 java接口在开发中的作用
- java 双等于 equals_在Java中等于equals vs Arrays.equals
- python sqlite
- Linux LVM简明教程
- 3.CND技术详解---内容缓存工作原理及实现
- vscode 的工作台配置文件
- 煮酒探西游 吴闲云全面解读西游记
- Python实现日周月排行榜
- PHP 毕生功力 图片,视听发烧网_汇集毕生功力的代表作:静神Monitor Acoustics KenStyle Silver Signature...
- AccessibilityService的学习,抢红包实现
- Cygwin 完全下载及安装
- 【机器人学习】Delta机器人三维模型+正逆运动学分析+matlab代码
- IBM:协作有道 创新无限
热门文章
- imagenet classification with deep convolutional neural networks
- 卷积神经网络处理猫和狗图片
- ajax fetch api,fetch 简介: 新一代 Ajax API
- 300万知乎用户数据如何大规模爬取?如何做数据分析?
- linux终端打开文本编辑器,linux - Linux打开默认终端文本编辑器 - 堆栈内存溢出
- 如何使用wordnet
- PVE删除Local-lvm存储空间并合并到local中
- 一般将来时语法课教案_初中英语笔试教案模板
- JPA(五):映射关联关系------映射单向多对一的关联关系
- BZOJ5248:[九省联考2018]一双木棋——题解