精华内容
下载资源
问答
  • Gitee 码云 pages 搭建个人网站

    万次阅读 多人点赞 2018-02-12 19:58:34
    码云 Pages 是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客、项目官网等静态网页。如果您使用过 Github Pages 那么您会很快上手使用码云的 Pages服务。 Jekyll 是一个简单的博客形态的静态站点...

    码云 Pages是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客、项目官网等静态网页。如果您使用过 Github Pages 那么您会很快上手使用码云的 Pages服务。

    Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown (或者 Textile) 以及 Liquid 转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 码云 Pages上,也就是说,你可以使用码云的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。点击查看Jekyll使用文档

    1.新建仓库

    左上角头像旁边有两个名字(Sian和LolitaSian),下边(LolitaSian)是用户名,以用户名建一个仓库。
    说一下为什么哦,看一下图二有个路径。默认情况这个路径就是你的仓库名称。如果你的仓库名(以及地址)和你的用户名一样,那你的博客地址就是http://用户名.gitee.io/,如果不一样就会显示http://用户名.gitee.io/仓库名/
    这里写图片描述
    这里写图片描述


    2.进入你刚才新建的仓库,然后新建一个 index.html (注意名称一定要是index.html)

    随便在index.html中写点东西。你也可以在本地写好了上传。
    这里写图片描述


    3.点进pages

    这里写图片描述

    这里写图片描述

    然后你的个人主页就建好了,直接点开网址就可以看到你刚才写的文件了。

    更多详细资料查看码云Pages帮助文档

    展开全文
  • 部署到 Coding Pages 的好处:国内访问速度更快,可以提交百度收录(GitHub 禁止了百度的爬取) 部署到 Coding Pages 的坏处:就今年来说,Coding 不太稳定,随时有宕机的可能,群里的朋友已经经历过几次了,不过...

    我的博客地址:https://www.itrhx.com/

    部署到 Coding Pages 的好处:国内访问速度更快,可以提交百度收录(GitHub 禁止了百度的爬取)

    部署到 Coding Pages 的坏处:就今年来说,Coding 不太稳定,随时有宕机的可能,群里的朋友已经经历过几次了,不过相信以后会越来越稳定的

    部署过程中常见的问题:无法实现全站 HTTPS,Coding 申请 SSL 证书失败,浏览器可能会提示不是安全链接

    本文前提:你已经将 Hexo 成功部署到了 GitHub Pages,如果还没有,请参考:《使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】》

    本文将全面讲述如何成功双线部署到 Coding Pages 和 GitHub Pages 并实现全站 HPPTS,同时解决一些常见的问题!

    Coding 已更新,新版页面在创建项目的时候选择 【DevOps 项目】,其他步骤一样,然后进去项目里面,在左侧依次选择【持续部署】、【静态网站】,就可以开启 pages 服务了!


    1.创建项目

    进入 Coding 官网,点击个人版登陆,没有账号就注册一个并登录,由于 Coding 已经被腾讯收购了,所以登录就会来到腾讯云开发者平台,点击创建项目
    01
    项目名称建议和你的用户名一致,这样做的好处是:到时候可以直接通过 user_name.coding.me 访问你的博客,如果项目名与用户名不一致,则需要通过 user_name.coding.me/project_name 才能访问,项目描述可以随便写
    02


    2.配置公钥

    配置 SSH 公钥方法与 GitHub Pages 的方式差不多,点击你的头像,依次选择【个人设置】-【SSH公钥】-【新增公钥】03

    前面部署到 GitHub Pages 的时候就已经有了一对公钥,我们直接将该公钥粘贴进去就行,公钥名称可以随便写,选中永久有效选项

    PS:公钥储存位置一般在 C:\Users\用户名\.ssh 目录下的 id_rsa.pub 文件里,用记事本打开复制其内容即可

    04
    添加公钥后,我们可以右键 Get Bash,输入以下命令来检查是否配置成功:

    ssh -T git@e.coding.net 
    

    若出现以下提示,则证明配置成功:

    Coding 提示: Hello XXX, You've connected to Coding.net via SSH. This is a personal key.
    XXX,你好,你已经通过 SSH 协议认证 Coding.net 服务,这是一个个人公钥
    

    3.配置 _config.yml

    进入你的项目,在右下角有选择连接方式,选择 SSH 方式(HTTPS 方式也可以,但是这种方式有时候可能连接不上,SSH 连接不容易出问题),一键复制,然后打开你本地博客根目录的 _config.yml 文件,找到 deploy 关键字,添加 coding 地址:coding: git@git.dev.tencent.com:user_name/user_name.git,也就是刚刚复制的 SSH 地址。

    【2020.04.06 更新】coding 地址格式现在有所改变,类似于 git@e.coding.net:TRHX/TRHX.git,记住去仓库复制你自己的即可。
    05
    06

    添加完成后先执行命令 hexo clean 清理一下缓存,然后执行命令 hexo g -d 将博客双线部署到 Coding Pages 和 GitHub Pages,如下图所示表示部署成功:
    15

    4.开启 Coding Pages

    进入你的项目,在代码栏下选择 Pages 服务,一键开启 Coding Pages,等待几秒后刷新网页即可看到已经开启的 Coding Pages,到目前为止,你就可以通过 xxxx.coding.me(比如我的是 trhx.coding.me)访问你的 Coding Pages 页面了

    【2020.04.06 更新】coding 分配的域名现在有所改变,类似于 https://p51l67.coding-pages.com

    07
    08

    5.绑定域名并开启 HPPTS

    首先在你的域名 DNS 设置中添加一条 CNAME 记录指向 xxxx.coding.me,解析路线选择 默认,将 GitHub 的解析路线改为 境外,这样境外访问就会走 GitHub,境内就会走 Coding,也有人说阿里云是智能解析,自动分配路线,如果解析路线都是默认,境外访问同样会智能选择走 GitHub,境内走 Coding,我没有验证过,有兴趣的可以自己试试,我的解析如下图所示:

    【2020.04.06 更新】coding 分配的域名现在有所改变,类似于 https://p51l67.coding-pages.com,请注意解析当中记录值的填写。

    09
    然后点击静态 Pages 应用右上角的设置,进入设置页面,这里要注意,如果你之前已经部署到了 GitHub Pages 并开启了 HTTPS,那么直接在设置页面绑定你自己的域名,SSL/TLS 安全证书就会显示申请错误,如下图所示,没有申请到 SSL 证书,当你访问你的网站时,浏览器就会提示不是安全连接
    10
    申请错误原因是:在验证域名所有权时会定位到 Github Pages 的主机上导致 SSL 证书申请失败

    正确的做法是:先去域名 DNS 把 GitHub 的解析暂停掉,然后再重新申请 SSL 证书,大约十秒左右就能申请成功,然后开启强制 HTTPS 访问

    这里也建议同时绑定有 www 前缀和没有 www 前缀的,如果要绑定没有 www 前缀的,首先要去域名 DNS 添加一个 A 记录,主机记录为 @,记录值为你博客 IP 地址,IP 地址可以在 cmd 命令行 ping 一下得到,然后在 Coding Pages 中设置其中一个为【首选】,另一个设置【跳转至首选】,这样不管用户是否输入 www 前缀都会跳到有 www 前缀的了

    在博客资源引用的时候也要注意所有资源的 URL 必须是以 https:// 开头,不然浏览器依旧会提示不安全!
    1311
    至此,我们的 Hexo 博客就成功双线部署到 Coding Pages 和 GitHub Pages 了,并且也实现了全站 HPPTS,最后来一张 GitHub Pages 和 Coding Pages 在国内的速度对比图,可以明显看到速度的提升
    12

    展开全文
  • 这是一篇有关如何使用 Github Pages 和 Hexo 搭建属于自己独立博客的详尽教程,本人是软件工程专业本科生,目前只学习了C和C++编程语言,对网站开发的有关知识几乎为零,这也是我搭建好自己的博客之后写的第一篇博客...

    欢迎关注我的专栏:《个人博客搭建:Hexo+Github Pages》,从搭建到美化一条龙,帮你解决 Hexo 常见问题!

    推荐阅读:《Hexo 博客优化之博客美化系列(持续更新)》《Hexo 博客优化之实用功能添加系列(持续更新)》

    我的博客地址:https://www.itrhx.com/

    Hexo 交流群:924812033,有问题可以一起交流解决。



    ● 前言

    这是一篇有关如何使用 Github PagesHexo 搭建属于自己独立博客的详尽教程,本人是软件工程专业本科生,目前只学习了C和C++编程语言,对网站开发的有关知识几乎为零,这也是我搭建好自己的博客之后写的第一篇博客,刚开始搭建博客的时候自己也是网上各种百度,由于自己属于小白那种,历经了千辛万苦才弄好,所以借这个机会写一篇小白真正能看懂的博客搭建教程,教你一步一步走向成功的彼岸!

    推荐文章: 《我为什么写博客》 (By 知明所以)
          《为什么你应该(从现在开始就)写博客》 (By 刘未鹏 | Mind Hacks)

    ● 入门

    Github Pages

    Github Pages可以被认为是用户编写的、托管在github上的静态网页。使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦。此外还可以绑定自己的域名。

    Hexo

    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    ● 安装 Node.js

    点击此处访问官网,按需下载相应版本,默认安装可以了

    注:本人在安装过程中出现了Warning 1909,无法创建快捷方式,这种情况很少出现,如果在安装过程中也有这种情况请参考百度文库(win10系统实测可行):《Win7安装程序警告1909无法创建快捷方式》

    ● 安装 Git

    点击此处访问官网,按需下载相应版本,默认安装即可
    参考资料:《如何在windows下安装GIT》  (By 俊雨廷休)
         《Pro Git(中文版)》

    • 检验Git是否安装成功

    同时按下 Win 键和 R 键打开运行窗口,输入 cmd ,然后输入以下命令,有相应版本信息显示则安装成功,若不正确可以卸载软件重新安装,此外若安装成功,在桌面右键鼠标,可以看到菜单里多了 Git GUI HereGit Bash Here两个选项,第一个是图形界面的Git操作,另一个是命令行

     $ git --version  
     $ node -v  
     $ npm -v
    

    ● 安装Hexo

    选择一个磁盘,新建一个文件夹,自己重命名文件夹(如:我的文件夹为:E\TRHX_Blog),博客相关文件将储存在此文件夹下,在该文件夹下右键鼠标,点击 Git Bash Here,输入以下 npm 命令即可安装,第一个命令表示安装 hexo,第二个命令表示安装 hexo 部署到 git page 的 deployer,如图所示即为安装成功

     $ npm install hexo-cli -g  
     $ npm install hexo-deployer-git --save  
    

    • Hexo 初始化配置

    在刚才新建的文件夹里面再次新建一个 Hexo 文件夹(如:我的文件夹为:E\TRHX_Blog\Hexo),进入该 Hexo 文件夹右键鼠标,点击 Git Bash Here,输入以下命令,如图所示则安装成功

     $ hexo init
    

    Hexo 安装完成后,将会在指定文件夹中新建所需要的文件,Hexo 文件夹下的目录如下:

    ● 本地查看效果

    执行以下命令,执行完即可登录 http://localhost:4000/ 查看效果

     $ hexo generate  
     $ hexo server  
    

    显示以下信息说明操作成功:

     INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
    

    登录 http://localhost:4000/ 查看效果:

    ● 将博客部署到 Github Pages 上

    到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Github Pages上

    • 注册 Github 账户

    点击此处访问 Github 官网,点击 Sign Up 注册账户

    • 创建项目代码库

    点击 New repository 开始创建,步骤及注意事项见下图:

    • 配置 SSH 密钥

    只有配置好 SSH 密钥后,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步,在你第一次新建的文件夹里面(如:我的文件夹为:E\TRHX_BlogGit Bash Here 输入以下命令:

     $ ssh-keygen -t rsa -C "your email@example.com" 
     //引号里面填写你的邮箱地址,比如我的是tanrenhou@126.com
    

    之后会出现:

     Generating public/private rsa key pair.  
     Enter file in which to save the key (/c/Users/you/.ssh/id_rsa):  
     //到这里可以直接回车将密钥按默认文件进行存储
    

    然后会出现:

     Enter passphrase (empty for no passphrase):  
     //这里是要你输入密码,其实不需要输什么密码,直接回车就行 
     Enter same passphrase again:  
    

    接下来屏幕会显示:

     Your identification has been saved in /c/Users/you/.ssh/id_rsa.  
     Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.  
     The key fingerprint is:  
     这里是各种字母数字组成的字符串,结尾是你的邮箱  
     The key's randomart image is:  
     这里也是各种字母数字符号组成的字符串  
    

    运行以下命令,将公钥的内容复制到系统粘贴板上

     $ clip < ~/.ssh/id_rsa.pub
    

    • 在 GitHub 账户中添加你的公钥

    ① 登陆 GitHub,进入 Settings

    ② 点击 SSH and GPG Keys

    ③ 选择 New SSH key

    ④ 粘贴密钥:

    • 测试

    输入以下命令:注意:git@github.com不要做任何更改!

     $ ssh -T git@github.com
    

    之后会显示:

    输入 yes 后会显示:

    此时表示设置正确

    • 配置 Git 个人信息

    Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信息来做权限的处理,输入以下命令进行个人信息的设置,把名称和邮箱替换成你自己的,名字可以不是 GitHub 的昵称,但为了方便记忆,建议与 GitHub 一致

     $ git config --global user.name "此处填你的用户名"  
     $ git config --global user.email  "此处填你的邮箱"
    

    到此为止 SSH Key 配置成功,本机已成功连接到 Github

    ● 将本地的 Hexo 文件更新到 Github 的库中

    ① 登录 Github 打开自己的项目 your name.github.io

    ② 鼠标移到 Clone or download 按钮,选择 Use SSH

    ③ 一键复制地址

    ④ 打开你创建的 Hexo 文件夹(如:E:\TRHX_Blog\Hexo),右键用记事本(Notepad++或者VS code等都可以)打开该文件夹下的 _config.yml 文件

    ⑤ 按下图修改 _config.yml 文件并保存

    ⑥ 在 Hexo 文件夹下分别执行以下命令

     $ hexo g  
     $ hexo d
    

    或者直接执行

     $ hexo g -d
    

    执行完之后会让你输入你的 Github 的账号和密码,如果此时报以下错误,说明你的 deployer 没有安装成功

     ERROR Deployer not found: git
    

    需要执行以下命令再安装一次:

     npm install hexo-deployer-git --save
    

    再执行 hexo g -d,你的博客就会部署到 Github 上了

    ⑦ 访问博客

    你的博客地址:https://你的用户名.github.io,比如我的是:https://trhx.github.io ,现在每个人都可以通过此链接访问你的博客了

    ● 在博客上发表文章

    博客已经成功搭建了,但是我们该怎么写博客呢?

    ① 新建一个空文章,输入以下命令,会在项目 \Hexo\source\_posts 中生成 文章标题.md 文件,文章标题根据需要命名

     $ hexo n "文章标题"
    

    也可以直接在 \Hexo\source\_posts 目录下右键鼠标新建文本文档,改后缀为 .md 即可,这种方法比较方便

    ② 用编辑器编写文章

    md 全称 Markdown, Markdown 是 2004 年由 John Gruberis 设计和开发的纯文本格式的语法,非常的简单实用,常用的标记符号屈指可数,几分钟即可学会, .md 文件可以使用支持 Markdown 语法的编辑器编辑,然后保存文件到 \Hexo\source\_posts 文件夹下即可

    推荐 Windows 上使用 MarkdownPad2 或者小书匠 编辑器,macOS 上使用 Mou 编辑器,Linux 上使用 Remarkable编辑器,Web 端上使用CSDN ,其他编辑器推荐可以参考我的另一篇文章:《最新主流 Markdown 编辑器推荐》

    文章标题,标签,分类,封面图片,摘要等,可以在 Front-matter 里面配置(Front-matter 是文件最上方以 — 分隔的区域,用于指定个别文件的变量,官方文档:https://hexo.io/zh-cn/docs/front-matter ),举个例子:

    ---
    layout: 页面布局(配合主题文档使用)
    title: 文章名称
    date: 文章日期
    comments: 文章是否开启评论
    photos: 文章封面图(仅部分主题支持)
    tags: 
      - 文章标签一
      - 文章标签二
    categories: 文章分类
    description: 文章描述,即要在首页显示的摘要(仅部分主题支持)
    ---
    
    这里是摘要
    
    <!-- more -->
    
    这里是正文
    
    注意:description 和 <!-- more --> 方式显示摘要二选一即可,部分主题不支持description,每个配置英文冒号后面要空一格,不同主题配置有所差异,具体要参考主题文档
    

    当我们用编辑器写好文章后,可以使用以下命令将其推送到服务器上

     $ hexo g  
     $ hexo d
    

    或者将两个命令合二为一输入以下命令:

     $ hexo d -g 
    

    现在访问你的博客就可以看见写好的文章啦!

    参考资料:《10款流行的Markdown编辑器》 (By xiaoxiao_engineer)
         《献给写作者的 Markdown 新手指南》 (By 简书)
         《认识与入门 Markdown》 (By Te_Lee)
         《markdown简明语法》 (By 不如)
         《markdown基本语法》 (By 高鸿祥)
         《Markdown 公式指导手册》 (By Harries)

    ● 为博客更换自己喜欢的主题

    博客也搭建好了,文章也会写了,但是!!!默认的主题并不喜欢怎么办?现在,我们就来为自己的博客更换自己喜欢的主题

    点击此处进入 Hexo 官网的主题专栏,我们可以看见有许多的主题供我们选择

    我们要做的就是把主题克隆过来,在此我们以主题 Aero-Dual 为例,点进去我们就可以看见该主题作者的博客,鼠标滑到底,我们可以看见 Theme By Levblanc 的字样(其他主题类似),点击作者 Levblanc ,页面就会跳转到该主题所有的相关文件在 Github 上的地址,复制该地址


    再打开 Hexo 文件夹下的 themes 目录(如:E:\TRHX_Blog\Hexo\themes),右键 Git Bash Here,输入以下命令:

     $ git clone 此处填写你刚才复制的主题地址
    

    比如要安装 Aero-Dual 主题,则输入命令:

     $ git clone https://github.com/levblanc/hexo-theme-aero-dual
    

    等待下载完成后即可在 themes 目录下生成 hexo-theme-aero-dual 文件夹,然后打开 Hexo 文件夹下的配置文件 _config.yml ,找到关键字 theme,修改参数为:theme:hexo-theme-aero-dual (其他主题修改成相应名称即可),再次注意冒号后面有一个空格!

    返回 Hexo 目录,右键 Git Bash Here ,输入以下命令开始部署主题:

     $ hexo g   
     $ hexo s
    

    此时打开浏览器,访问 http://localhost:4000/ 就可看见我们的主题已经更换了,如果感觉效果满意,我们就可以把它部署到Github上了

    打开 Hexo 文件夹,右键 Git Bash Here ,输入以下命令:

     $ hexo clean  
     //该命令的作用是清除缓存,若不输入此命令,服务器有可能更新不了主题
     $ hexo g -d
    

    此时访问自己的博客即可看见更换后的主题,但我们仍然需要对主题的相关配置进行修改,比如网站标题,图标等等,Hexo 中有两份主要的配置文件,名称都是 _config.yml ,它们均是用于站点配置使用的。其中,一份位于站点根目录下(比如我的:E:\TRHX_Blog\Hexo\_config.yml),主要包含 Hexo 本身整站的配置;另一份位于主题目录下(比如我的:E:\TRHX_Blog\Hexo\themes\hexo-theme-aero-dual\_config.yml),这份配置由主题作者提供,主要用于配置主题相关的选项,一般 _config.yml 文件里都有相关注释,按需修改即可

    参考资料:《有哪些好看的 Hexo 主题?》 (知乎)
         《Hexo | 配置》 (Hexo官方文档)
         《hexo常用命令笔记》 (By 小弟调调)

    ● 为你的 Hexo 博客配置个性域名

    本人在配置域名的时候问题百出,百度的各种方法都不管用,打开网站总是 404,可能是我太笨了  o(╥﹏╥)o ,不过好在后来终于解决了这个问题

    首先我们要购买域名,阿里云腾讯云都可以,也不贵,一年几十块钱,最便宜几块钱也能买到,以阿里云为例,我购买的域名是 itrhx.com,(最开始买的是trhx.top),购买过程就不赘述了,选择阿里云的解析平台,来到阿里云的管理控制台,点击进入域名解析列表或者直接点击域名后面的解析

    方法一:点击添加记录,需要添加两个记录,两个记录类型都是 CNAME ,第一个主机记录为 @ ,第二个主机记录为 www,记录值都是填你自己的博客地址(比如我的是:trhx.github.io),保存之后域名解析就完成了!(主机记录有 @ 和 www 能保证URL加不加 www 都能访问)

    方法二:两个记录类型为 A ,第一个主机记录为 @ ,第二个主机记录为 www,记录值都为博客的 IP 地址,IP 地址可以 cmd 中输入 ping 你的博客地址 获得(比如我的:ping trhx.github.io),保存之后域名解析就完成了!

    有关解析记录类型的区别可以参考《域名解析中A记录、CNAME、MX记录、NS记录的区别和联系》

    为了使 GitHub 接收我们的域名,还需要在博客的根目录下添加一个名为 CNAME 的文件(注意不要加.txt,没有任何后缀名!),这个文件放到 Hexo 文件夹的 source 里面,(比如我的是:E:\TRHX_Blog\Hexo\source),文件里面填写你的域名(加不加www都行),比如要填写我的域名,文件里面就写:www.itrhx.com 或者 itrhx.com,经过以上操作,别人就可以通过 www.itrhx.comitrhx.comtrhx.github.io 三个当中任意一个访问我的博客了!你的也一样!

    有关加不加www的问题有以下区别:

    如果你填写的是没有www的,比如 itrhx.com,那么无论是访问 https://www.itrhx.com 还是 https://itrhx.com ,都会自动跳转到 https://itrhx.com

    如果你填写的是带www的,比如 www.itrhx.com ,那么无论是访问 https://www.itrhx.com 还是 https://itrhx.com ,都会自动跳转到 https://www.itrhx.com

    如果你在其他平台购买域名,或者选择 DNSPod 等其他域名解析,操作方法大同小异,遇到问题可自行百度解决!

    参考资料:《推荐几家域名注册服务商》 (By Jelly Bool)
         《盘点十大免费DNS域名解析服务:稳定、可靠》

    ● 博客美化和实用功能的添加

    有关博客后期的美化、实用功能的添加,可以参考我的另外两篇文章:
    《Hexo 博客优化之博客美化》
    《Hexo 博客优化之实用功能添加》

    ● 结语

    一顿操作下来虽然有点儿累,但看见拥有了自己的博客还是非常有成就感的,人生就是需要折腾,那么现在就开始你的创作之旅吧!文章的不断积累,你会从中受益很多的!另外,这是一篇小白写的适用于小白的博客搭建教程,比较详细,有这方面基础的可以百度有简略一点儿的教程,文中如有错误还请大佬指出改正!文中涉及参考资料如有侵权请联系我删除!

    展开全文
  • GithubPages教程 在GithubPages上搭建个人主页

    万次阅读 多人点赞 2016-06-18 00:30:59
    本篇博客公有三个目的,同样也会举三个实际操作的例子来和大家一起玩`Github pages`。第一个目的,有的开发者平常会做自己的网站,大部分是还是买的空间吧,有人买的阿里云、新浪SEA或者linode、aws加nginx,今天看...

    GithubPages教程 在GithubPages上搭建个人主页

    版权声明:转载请注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003

      对我的博客感情趣的同学可以加我博客左侧的群来一起交流学习,共同进步。本篇博客公有三个目的,同样也会举三个实际操作的例子来和大家一起玩Github pages

      第一个目的,有的开发者平常会做自己的网站,大部分是还是买的空间吧,有人买的阿里云、新浪SEA或者linode、aws加nginx,今天看完这篇博客,你就可以用Github Pages免费搭建自己的主页了。

      第二个目的,如何在Github为自己的帐号(个人或者组织)搭建个人主页,比如我的Github地址是:https://github.com/yanzhenjie,我为自己的帐号搭建的主页就是https://yanzhenjie.github.io

      第三个目的,如何为自己在Github上的开源项目搭建项目主页,比如我的开源项目NoHttp的Github地址是:https://github.com/yanzhenjie/NoHttp,我为NoHttp搭建的项目主页就是https://yanzhenjie.github.io/NoHttp
      (由于篇幅太长,如何为自己在Github上的开源项目搭建项目主页传送门。)

      我的个人主页就放在Github Pages并且绑定了我的域名:yanzhenjie.com,非常好记:严振杰.com,是不是一下就记住了,如果没有请再记一次,记不住就不要往下看了,哈哈哈开个玩笑啦。


    Github Pages是什么

      Github Pages主页:https://pages.github.com,其实官网这里已经有教程了,怕好多同学看不懂,所以来一篇博客。
      Github Pages是什么,来自官网的解释:https://help.github.com/articles/what-are-github-pages,不想打开官网的人看图片:

    不要夸我,我就是这么贴心,提大家翻译好了中文版:
    Github Pages是什么

      按我的理解,Github Pages是Github免费提供给开发者的一款托管个人网站的产品,这绝对是个好东西啊。目前来看只能托管静态内容,但是这已经足够我们用了,如果咱发挥的好,犹如鲤鱼跃龙门啊。

    Github Pages怎么玩

      我刚开始做这事之前也不知道怎么办,我有个习惯就是对于不明白的事情习惯去官网看帮助,于是乎我看了Github Helper:https://help.github.com/,我看到这里的时候心中大喜,其实这就是教程,不够是英文版的,喜欢的同学也可以直接去看:

    Github Pages使用帮助

      我是一步步看过来的,为了不浪费大家时间,我们只要看这条就行:User, Organization, and Project Pages。这里我把最重要的信息贴出来:

    仓库名称规则

      看到这里我就基本猜到了要怎么做了,后面的就不一一带各位看了,我直接说原理。Github的个人主页是可以绑定一个域名的,后面带各位看官一步步实现。在没有绑定自己的域名之前,这里的地址都是有规律的,比如我的帐号是yanzhenjie,那么我的主页地址就是yanzhenjie.github.io,比如我的帐号是xxoo,那么我的主页地址就是xxoo.github.io;比如我的项目叫NoHttp,那么项目对应的地址就是yanzhenjie.github.io/NoHttp。如果你是组织帐号也一样。

    用Github Pages为自己的帐号搭建个人主页

      做这件事首先你得有一个Github的帐号,没有的人去Github申请一个吧,作为一个程序员我擦。如果你已经有一个Github的帐号了那么恭喜你继续往下看。

    新建个人主页的仓库

      打开Github首页,登录后新建一个仓库,这里再次提醒要注意仓库的名称,比如我的帐号是yanzhenjie,那么仓库名称应该是:yanzhenjie.github.io
    新建仓库演示

      按照如步骤创建仓库:

    新建个人主页仓库注意

    添加个人主页仓库内容

      仓库创建完成后,就要添加网站内容到仓库咯。提交文件到github仓库,这里简单的介绍下用Git怎么提交内容,首先你电脑必须安装了Git并配置好了环境(看了还是不会的人去Google下)。
      如果熟练使用Git命令、TortoiseGit或者SourceTree的人请不要见怪,因为毕竟有人不会。

    一、clone仓库到本地

      注意你clone的时候要把连接换成你的喔。

    git clone https://github.com/yanzhenjie/NoHttp.git

    二、添加内容到本地仓库

      刚才clone下来的仓库就是一个本地仓库啦,若是你熟悉html的话随便弄个html就好,我们知道网站默认的首页都是index.html,所以我们在本地仓库建立一个index.html,目录一定要在.git所在的目录,也就是我们项目的root目录:

    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <title>严振杰</title>
    </head>
    <body>
    我叫严振杰,软件工程师,英文名Yolanda,尤兰达,他们叫我达哥。
    </body>
    </html>

      文件都建好内容填好保存,一个简单的首页就完成了,假设我们的网站内容都建好了。

    index.html演示

    三、commit push内容到我们刚才新建的仓库

      在命令模式下进入到刚才的仓库文件夹下,用下面的命令提交,先别急着复制哦,看下下面的解释:

    git add .
    git commit -m "初始化个人主页仓库"
    git push
    Username for 'https://github.com': yanzhenjie
    Password for 'https://yanzhenjie@github.com': 

      命令要一行一行执行喔,第一行命令是添加所有文件到git,第二行是commit提交的内容到本地仓库,第三行是push本次仓库的内容到服务器,第四行是执行了第三行自动出来的,输入帐号确定,第四行是输入第三行后出来的,出入密码确定就完成了提交。

    恭喜你,个人网站搭好了

      如果你的提交都完成了没有问题了,那么这个时候恭喜,你的个人主页已经搭建好了,不信你可以在浏览器访问下,比如我的:https://yanzhenjie.github.io,根据刚才说的规则输入你的地址看看喔。

    我的个人主页

    Github Pages个人主页绑定个人域名

      我们刚才的域名可能不好记,比我的:yanzhenjie.github.io=严振杰.github.io,但是还是不如严振杰.com。so我们绑定一个好记的域名,所以我又去找Github Helper,又被我找到了哈哈哈:

    如何绑定个性域名

      打开看了看,果然找到了答案,我还是贴一个最重要的图:

    如何绑定个性域名

    推荐使用www二级域名

      这里再把上图中的流程叙述下,我们需要一个域名,没有的人去万网申请一个,然后需在刚才的仓库root中添加一个CNAME的文件,文件内容是我们的域名,在Github上看到推荐我们使用www的二级域名。

    申请域名

      现在去阿里云·万网申请到域名,我的其中其中两个域名如下:

    申请到的域名

    解析域名到github pages的ip上

      域名申请好之后就是解析域名到github pages的个人主页的ip,我们ping一下自己的主页的ip,在命令行:ping yanzhenjie.github.io,你的地址和我肯定不一样也许就是ping xxoo.github.io哈哈哈:

    ping到的ip地址

      为我们的域名添加解析,记录类型都是A记录,记录值全部对应刚才ping出来的ip:

    申请到的域名

    添加两条A记录

      这里的www是一个二级域名,@或者不填是一级域名,两条记录的记录值都是刚才ping出来的ip。这样就能把我们的域名和github上的主页关联起来了。不要着急喔,现在在浏览器输入域名你会发现访问不到,继续往下看。

    添加CNAME文件到github仓库

      在我们刚才创建index.html的地方创建一个名为CNAME的文件,里边的内容填你的域名,例如我的是’www.yanzhenjie.com’,这样就能做到访问yanzhenjie.comwww.yanzhenjie.com都redirect到www.yanzhenjie.com这个二级域名了,上文中说过这种方式是Github推荐的。
      CANME文件的内容填好按照刚才提交index.html的方法把CNAME提交到Github,这个时候我们的域名绑定也就完成啦。可以在浏览器输入你的个性域名看看是不是OK啦。比如我的严振杰.com:www.yanzhenjie.com

    严振杰的主页


    版权声明:转载请注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003

    展开全文
  • GitHub Pages+Coding Pages+域名绑定

    千次阅读 2019-05-08 20:09:52
    Github Pages绑定域名 Coding Pages绑定域名 通过xxxxxx.github.io来访问不怎么cool,那就绑定属于自己的域名吧。 首先去阿里云购买域名并实名认证,这个就不细说了 设置域名解析 点击解析设置 添加记录 ...
  • 本文给大家介绍的是如何将 vue-cli 3.0+项目部署到github pages 并同步到 gitee Pages上。
  • Github Pages 无法更新

    千次阅读 2019-12-26 13:25:28
    写了一篇文章,提交到 GitHub Pages,但不知道为什么,一直无法显示出来。文章查了很多遍,没有找到原因。折腾了一上午,毫无进展。 搁置了几天后,打开 163 邮箱,发现 GitHub 发了很多邮件: 打开一看,算是明白...
  • Coding Pages 搭建静态网站

    万次阅读 热门讨论 2018-02-12 20:24:51
    跟github一样,静态 Coding Pages 分为『用户 Pages』与『项目 Pages』两种类型。不同的 Pages 类型在访问链接与部署来源上存在差异。 Coding Pages 类型 Pages 默认分配的 URL 允许的部署来源 ...
  • CodingPages 之前博客单线部署在Github Pages的时候,用的是cloudflare提供的SSL证书。但是cloudflare只能绑定一个CNAME记录(而且好像只能绑github.io?),所以后面双线部署(GitHub Pages+Coding Pages)后,...
  • 轻松搞定GitHub Pages

    千次阅读 2016-07-30 00:37:39
    为项目创建GitHub Pages你可以为你的项目创建一个GitHub Pages,大致分为以下步骤: 第一步:仓库设置在GitHub上打开你的仓库首页,单击设置(Settings)页签 第二步:使用自动生成器生成GitHub Pages下拉设置页面到...
  • Github Pages 启用 HTTPS

    千次阅读 2018-08-03 16:46:11
    GitHub Pages 现在已经免费提供数字证书,在 Github Pages 上创建的个人站点可以免费支持 HTTPS,操作流程如下: 到 DNS 服务商网站,修改域名解析,删除原来的 A 记录,按照下面格式增加 4 条 A 记录,例如你的...
  • Centos安装man pages

    千次阅读 2018-06-04 10:44:38
    1、安装man pages:yum install man2、安装pthread的man pages:yum -y install man-pages
  • 在app.json中新建一个页面却一直提示 “未找到 app.json 中的定义的 pagespages/join/join” 对应的 WXML 文件”,不知道是什么原因 具体的解决办法:假设你要创建一个pages/index/index,可以先命名为pages/...
  • ASP .NET Core 系列教程五:更新Razor Pages页面 系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客 未完待续
  • docsify 部署在 码云Pages

    千次阅读 2020-04-05 17:19:00
    码云Pages https://gitee.com/help/articles/4136 码云Gitee Pages Pro https://gitee.com/help/articles/4228   码云 Pages 是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客、项...
  • 配置 GitHub Pages 发布源

    千次阅读 2017-08-08 13:50:49
    Configuring a publishing source for GitHub Pages - User Documentation配置 GitHub Pages 发布源你可以配置 GitHub Pages,以便从主分支、gh-pages 分支,或主分支的 /doc 文件夹发布你的 Pages 项目,或是其他...
  • Huge Pages

    千次阅读 2013-05-25 23:03:02
    Why huge pages? When a process uses some memory, the CPU is marking the RAM as used by that process. For efficiency, the CPU allocate RAM by chunks of 4K bytes (it's the default value on many platf
  • GitHub Pages使用

    千次阅读 2016-11-06 09:53:11
    前言刚刚看了鸿洋大神的...GitHub pages 的使用GitHub pages 是Github提供的一个服务,我们可以免费的在上面搭建自己的网站,也有很多人利用GitHub pages作为自己的个人博客站点,貌似stormzhang是这么干的。下面我们看
  • GitHub Pages 中文简介

    千次阅读 2017-07-17 13:27:55
    什么是 GitHub PagesGitHub Pages 是一个静态站点托管服务。 Github 页面旨在直接从 GitHub 仓库中直接托管您的个人、组织或项目页面。了解关于 GitHub Pages 网站不同类型的更多信息,请参阅用户、组织和项目页面...
  • Linux HugePages

    千次阅读 2015-07-19 16:40:16
    Linux HugePages * What you may already know: - Larger (usually 2M depending on architecture) memory page size - Processes share page table entries, less kernel page table management overhead, les
  • 2.错误原因:tabBar的pagepath引用了pages/study/study,但没有在app.json 中pages没有添加pages/study/study的路径 3.解决方法:在app.json里面添加pages/study/study的路径,即加上 “pages/study/study”, 这行...
  • Please do not register multiple Pages in pages/index/index.js 解决方式: 删除index.js中的以下代码 大佬们多多指教。
  • 内核函数pages相关

    千次阅读 2018-07-24 19:16:35
    void *alloc_pages_exact(size_t size, gfp_t gfp_mask)功能:类似于__get_free_pages其实它内部也是调用了__get_free_pages,不同之处是__get_free_pages会申请2^order个物理页,但此函数申请满足需求的最小页个数 ...
  • Vue项目打包部署到GitHub Pages

    千次阅读 2020-07-04 21:49:14
    Vue项目打包部署到GitHub Pages 前言 关于什么是github pages?怎样创建github 仓库上传本地项目到GitHub远程仓库?等基本操作本文不再赘述,初学者可以通过搜索找到大量文章教程。本文重点在于: 如何将vue项目...
  • 手把手教你在Github Pages搭建自己写的页面
  • 在开发微信小程序的的时候出现了如下的问题:appJSON["tabBar"][0]["pagePath"] " pages/index/index" 需在pages数组或分包pages数组中,分包路径需包含分包名。 百度之后:说创建文件的时候是自己自己在目录点击...
  • Uni-App - 配置文件 - pages.json

    千次阅读 2019-02-19 12:49:18
    pages.json pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口表现、设置多 tab 等。 pages.json 配置项列表 globalStyle Object 否 设置默认页面的窗口表现 pages Object Array 是 ...
  • GitHub Pages 对自定义域名支持 HTTPS

    千次阅读 2018-05-03 11:45:24
    Github Pages 版。 GitHub Pages Blog 原文:Custom domains on GitHub Pages gain support for HTTPS 在 2018-05-01,GitHub Pages 官方发布了上面的一篇 Blog,告知我们 GitHub Pages 对自定义域名支持 了 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 433,255
精华内容 173,302
关键字:

pages