7. Github Pages 搭建网站 个人站点 访问 https://用户名.github.io 搭建步骤 1) 创建个人站点   ->  新建仓库(注:仓库名必须是[用户名.github.io]) 2) 在仓库下新建index.html的文件即可 脚下留心 1.github pages 仅支持静态网页 2.仓库里面是.html文件 3.个人主页也可以设置主题 Project Pages 项目站点 访问 https://用户名.github.io/仓库名 原理 gh-pages 用于构建和发…

一.个人站点 访问 https://用户名.github.io 搭建步骤 (1)创建个人站点 ->新建仓库(注:仓库名必须是[用户名.github.io]) (2)在仓库下新建index.html的文件即可 注意: github pages只支持静态网页 仓库里面只能是.html文件 二.项目站点 访问 https://用户名.github.io/仓库名 搭建步骤 (1)进入项目主页,点击settings (2)在setting页面,点击[Choose a theme] (3)选择一个主题[Se…

参考网站: https://pages.github.com/ http://gitbeijing.com/pages.html 搬进github:http://gitbeijing.com…

本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+jekyll在Gitpages上写blog的常用操作 :主要Markdown的使用 [四]搭建Markdown的编辑器 [五]将博客从jekyll迁移到了hexo       官方教程http://jekyllrb.com/docs/installation/ 1. Jekyll简介 简单: 无需数…

之前一直想搭建自己的博客,由于自己的懒惰拖到现在.好了,废话不多说!直接上干货! 安装Node.js 安装Git Github Pages配置 安装Hexo及主题设置 进阶篇-高级定制 其它实用功能 安装Node.js 安装 Node.js 安装Git 安装Git Github Pages配置 首先注册一个『GitHub』帐号,已有的请忽略 建立与你用户名对应的仓库,仓库名必须为『your_user_name.github.io』 添加SSH公钥到『Account settings -> SSH…

前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客.现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来: 个人博客地址:http://www.lovebxm.com 大概流程: 1. 搭建 Node.js 环境 2. 搭建 Git 环境 3. GitHub 注册和配置 4. 安装配置 Hexo 5. 关联 Hexo 与 Gi…

前言:我的博客写作之路 15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之. 很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客,写一点自己在学习上遇到的问题,分享一些自己的解决办法,但最终还是不了了之. 16 年暑假,自媒体横行在全国各地,自己眼里似乎看到很多机会有似乎异常模糊.一个偶然的机会让我意识到必须开始弄个博客写点东西了,当时的想法是,先注册个头条号,16年下半年开学再弄博客写东西,这种事情不着急,时间一天天过,但…

在 基于 Hexo + GitHub Pages 搭建个人博客(一) 这篇文章中,我们已经知道如何使用 Hexo + GitHub Pages 搭建一个个人博客,GitHub 为我们提供了免费的域名和服务器,非常方便,无需我们费心.但是 Hexo 博客的原生主题并不符合大众的风格,那么如何为 Hexo 博客更换成我们喜欢的主题呢?下面这篇就来详细解答如何配置博客个人信息以及更换博客主题,以很多人都在使用的 NexT 主题为例. 一.配置博客个人信息 1.打开博客目录,如下图所示,打开 Hexo…

一.环境准备 使用Github Pages搭建个人博客,一劳永逸,可以让我们更加专注于博客的撰写.博客的更新是通过将新建或改动的博客放在指定文件夹并推送到远程Github仓库来完成的,所以我们本地需要有Git环境,如果还没有安装Git,可以看下面的文章: 安装Git Git关联远程GitHub仓库 二.搭建博客 1.新建仓库 以username.github.io作为仓库名字. 2.本地克隆 本地创建文件夹,用于存放远程仓库,打开所创建的文件夹,右键选择git bash here,表示在当前目录…

1.前言 其实早在这之前我就一直想过写博客,但由于种种原因一直没有去学习这方面的知识,最近半个月(从开始动手到搭建好)一直陆陆续续的在着手这方面的工作.从开始到搭建完成的过程中遇到了很多困难,因为在这之前对Github一点了解都没有导致满头雾水,不断的跳进一个又一个坑,甚至想过放弃.但最后结果想必都知道了.在写如何搭建之前我觉得我们应该先从头开始了解. 那么我为什么要建立自己的博客?——引自:为什么你要写博客?—陈素封 1.“提高将事情讲清楚的能力”. 在写博客之前你需要花更多的时间来表达出你的…

一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还是追求于有很多人来看,以满足自己这样的一个欲望,后来慢慢觉得写博客无非是记录一下自己成长的历程,别人看不看其实也是无关紧要的. 就在这各样的原因驱使下,便开始了搭建个人博客之路,第一次使用Hexo+码云搭建了一次博客,但是因为其总是加载不了我的博客样式,没办法只好放弃了,但是过了几天,之前的动力又突…

这个不算是新手的搭建流程,如果你恰巧看见这篇文章,希望你已经安装好node.git等软件,因为第一步的环境搭建准备并没有详写,默认都会了.希望能解决你的问题. 步骤: 一. 搭建环境准备 二.安装hexo 三.配置hexo,将其与github page 联系起来 四.发布文章 五.更换主题及简单配置 一. 搭建环境准备 这里包括node.js的安装.git的安装.git账号注册和新建git项目 注意: 新建项目的时候,项目名称也就是Repository name的格式必须是:yourgithbu…

本篇介绍百度统计.百度搜索 一般来讲,部署了一个网站后,我们需要知道网站的浏览量,以便知道网站是否有人访问. 在Jekyll的模板中,由于国外开发者更多,一般的主题默认都开发了谷歌统计(Google analytics).但由于谷歌在国内不可访问,如果使用谷歌统计是难用的.所以建议国内还是使用百度统计. 我们在_config.yml中就可以看到,很多主题都有针对谷歌统计的配置项,如下图所示: 如果使用谷歌统计,可以在此填入自己申请的谷歌统计的相应id. 百度统计 首先,登录百度统计,进入网站后,…

本篇介绍GitHub Pages自定义域名 在用GitHub Pages搭建博客(二)中介绍到,默认的GitHub Pages域名就是仓库地址,即: 账号名.github.io 如果我们要使用自定义域名访问GitHub Pages网站,我们需要进行相应的配置. 域名服务商的配置 具体操作可以在域名服务商的网站是查看,以通用方法进行讲解.假设我们的自定义域名为: www.shiyueshuyi.xyz GitHub Pages域名为: dev200709.github.io 在域名服务商网站上,我…

本篇介绍GitHub Pages网站加速 在上一篇提到如何对GitHub Pages配置自定义域名.其实,不论GitHub Pages的默认域名还是自定义域名,都使用了GitHub的CDN进行加速,虽然速度还行,但总还是觉得有点慢. 在互联网,目前有一些提供域名解析.CDN加速的免费网站,其还可以在GitHub中挂载触发器,一旦发现GitHub Pages仓库变化了,立即同步编译发布,减少人工操作. 此处以Vercel为例进行介绍. 账号登录 Vercel支持GitHub账号直接登录,直接使用G…

一.添加扫描二维码关注功能 打开 themes 目录下的 next 主题配置文件,找到 Wechat Subscriber 标签,将该标签下的配置改成如下形式: # Wechat Subscriber wechat_subscriber: enabled: true # 打开图片显示功能 qcode: /images/wechat-qcode.jpg # 需要显示的二维码图片 description: 扫描二维码关注微信公众号,了解更多 # 在图片的底部添加描述 配置完成后,切记将所需要扫描的二…

使用Hexo + Github Pages搭建个人独立博客 https://linghucong.js.org/2016/04/15/2016-04-15-hexo-github-pages-blog/…

折腾过github pages的同学都清楚使用jekyll搭建个人网站的目录结构,而导航最终的代码是在使用的主题目录中的default.html文件中的. 我的结构如下: . ├── .html ├── about.html ├── archive.html ├── assets │   └── themes ├── atom.xml ├── categories.html ├── changelog.md ├── _config.yml ├── _drafts │   └── jekyll-i…

https://help.github.com/categories/github-pages-basics/ 一.个人站点 访问 https://用户名.github.io 搭建步骤 1) 创建个人站点   ->  新建仓库(注:仓库名必须是[用户名.github.io]) 2) 在仓库下新建index.html的文件即可 注意: 1.github pages 仅支持静态网页 2.仓库里面是.html文件 3.个人主页也可以设置主题 二.Project Pages 项目站点 访问 https:…

1.GitHub创建个人仓库 登录GitHub创建账号,同时拥有一个自己设定的用户名(username).点击New Repositories创建仓库.仓库名必须为username.github.io的形式.建议使用公有(Public)仓库,私有(Private)仓库创建的个人主页推送时会收费.点击Creat repository即创建完成. 2.安装Git 略.查看Git官网. 3.安装Node.js 查看Node官网,安装后,可以使用CMD或Git Bash命令(推荐使用Git Bash)…

本文固定链接http://blog.csdn.net/pspgbhu/article/details/51205264 本人自学前端一个多月,写个几个网页想要用来应聘,网上搜各种搭建网站的方法,发现不是要收费就是很麻烦.终于黄天不负有心人,让我找见了github pages,不但免费,还非常的方便!! 在这里我就来分享给大家,同时也希望像我一样的前端新人不用再走弯路了. 1.首先你要有你写好的网页文件 2.需要去GitHub注册一个账号 进入链接https://github.com/  页面右上…

我写这篇文章的目的是记录本博客的搭建过程,自己从零开始逐步搭建起来了GitHub Pages,其中借鉴了很多的博客和模版,稍后会在后面列出,也为没有用过gihub和jekyll的童鞋提供一点帮助. 学习使用github网页的最好办法就是clone别人的代码,看懂他们的代码,并修改成自己喜欢的样子.这篇文章介绍了windows下从最初安装软件到使用的过程. 下面开始一步步讲解Github Pages的使用流程: 一.安装git工具 下载安装 Git for Windows(选择下载类似于 Git-…

搭建 Node.js 环境 为什么要搭建 Node.js 环境? – 因为 Hexo 博客系统是基于 Node.js 编写的 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在非浏览器环境下,解释运行 JS 代码. 在 Node.js 官网:https://nodejs.org/en/下载最新安装包LTS版 保持默认设置即可,一路Next,安装很快就结束了. 然后打开命令提示符,输入 node -v npm -v 出现版本号则说明 Node.js 环境…

尝试过 Hexo .GatsbyJs. Vuepress 搭建博客后,对这些工具最大的不满,就是运行速度以及打包速度. 后来看到 Hugo ,号称最快的静态站点生成器后. 尝试搭建博客,发现不管是运行速度,还是打包速度超级快,果断将个人博客迁移到 Hugo. Hugo 官方的定义是: Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun ag…

3年前就想写这篇文章了,一直没写,拖到现在,迟到总比不到好,哈哈.github pages只支持静态博客(html,css,js),不支持服务端(php,physon). 一.尝试一下 1.在电脑上安装git工具 2.在github上注册账号 3.创建一个新仓库,名称必须为:username.github.io,username是你的github用户名. 4.把该仓库克隆到本地,新建index.html,js,css,img.本地浏览后,git提交代码到仓库.即可访问https://zhuges…

1. 新建 github.io 项目 其实 github pages 有两个用途,大家可以在官方网页看到.其中一个是作为个人/组织的主页(每个账号只能有一个),另一个是作为 github 项目的项目主页(每个项目可以有一个). 而 github pages 本身就支持 jekyll ,所以二者的结合使用非常方便. 这两种静态页面怎么生成在 https://pages.github.com/ 这里都有详细步骤. 所以现在既然我们要建的是个人博客,就是第一种用途了. 在 github 上新建一个 r…

本篇介绍基本GitHub Pages的搭建流程 GitHub账号及仓库创建 登录GitHub,录入用户名.邮箱.密码,创建成功后登录进入. 注册时,邮箱建议不使用QQ邮箱.因为一些第三方部署类网站不支持GitHub的QQ邮箱,如果已经使用QQ邮箱,在遇到这种情况时,可以在GitHub的个人设置中修改主邮箱账号. 用户名可选择一个有意思的名称,因为GitHub Pages的默认域名使用的用户名. 点击页面右上角的+号,新建代码仓库. 仓库地址需要使用GitHub Pages的地特定地址: 账号名.…

很久之前就知道Github可以发布自己的博客,因为仅支持静态文件,一直懒于动手自己进行编辑.再了解到还存在 JekyII 和 Hexo 这样的内容生成框架后,终于决定体验一下. 一.本地环境准备. Github Pages的申请过程就不再搬砖,Github的页面上说的很清楚,注意每个用户只能创建一个与自己用户名相同的Pages. Pages申请好之后,可以克隆到本地的文件夹,这样 hexo 运行的文件夹就准备好,可以开始准备本地的hexo环境. hexo需要有nodes和nam的支持,我先安装了…

教程一大堆,却没有几个能看懂的,问题一:90%的都在讲解如何搭建博客,和我想要将自己的网页部署到上面还是有点区别的.问题二:所有的教程都用到了Git,而我只知道Git是一个开源的分布式版本控制系统.完全不知道命令行是什么鬼,只能照猫画虎的小白来说,那些教程只能帮我到桥头,但想要成功过河,还需要深夜里的一包特浓咖啡. 开始教程之前的准备工作: 1.需要你自己写的网页文件. 2.注册Github. 3.下载安装git.下载地址https://git-scm.com/downloads 教程开始:(以…

跌跌撞撞,总算是建立起来了.回首走过的这么多坑,也真的是蛮不容易的.那么就写点东西,记录我是怎么搭建的吧. 准备工作 安装Node.js: 用于生成静态页面,我们需要到官网上去下载即可.http://nodejs.org 安装Git:作用就是把本地的hexo内容commit到我们的远程仓库,实现更新操作https://git-scm.com/download/ 申请GitHub账号:用来盛装我们的代码,这样才能够被访问,程序员如果没有这个账号,那我就不说什么了. SSH Keys,看你自己了,可…