Github Pages 与域名关联简明教程 1. 向你的 Github Pages 仓库添加一个CNAME(一定要*大写*)文件 其中只能包含一个顶级域名,像这样: example.com 如果你是用 hexo 框架搭建博客并部署到 Github Pages 上,每次 > hexo g > hexo d 后会把你的博客所在目录下 public 文件夹里的东西都推到 Github Pages 仓库上,并且把 CNAME 文件覆盖掉,解决这个问题可以直接把 CNAME 文件添加到 source…

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

环境 Windows 10(64 位) Git-2.7.4-64-bit node-v4.4.7-x64 如果上述软件已经安装的,跳过,没有安装的下载安装. 1,git下载安装(https://git-for-windows.github.io/) 2,node下载安装(https://nodejs.org/en/) 3.安装npm工具(这里可以先不安装,我是之前做RN,所以已经安装好了) 4,验证安装是否成功. 为了验证是否安装成功,我们在dos桌面输入如下的命令: git --version…

概述 前面我们用github pages + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善.基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍 从中我们也可以看出,对于主题来讲,大部分可以配置的地方其实都是在这里的.所以我们需要了解一个基本的主题样式. duoshuo,如果你是打算采用多说评论系统的话,你需要设置这里,…

本人也是第一次走完整个流程,github pages当然一直有使用,创建也很简单,并且网上教程也比较多:然后是关于自定义域名的问题,自己以前使用过国外的免费域名,然后是直接修改就ok了,然后这次使用了从腾讯云注册的域名,中间会麻烦一些,然后网上也没看到能够特别匹配的教程:最后就是cloudflare的免费CDN加速了,对于github pages的访问来说,CDN加速是非常必要的了. 一.创建GitHub pages 这里网上教程很多,就不过多介绍了 现在的GitHub pages和以前有一点不…

好歹也成为了在读phd的人,拥有个人网站是个有排面有很必要的事儿~ 在这里利用Github Pages + 域名重定向,实现个人网站的光速搭建~ 1.0 Github Repositories 首先你要有一个自己的Github 其次,建一个仓,名字就叫做:username.github.io 然后直接create! 第一步就结束啦!! 2.0 把网站放进去 网站的教学在这里就不赘述了哈,简单来说就是你可以把你想要展示的网页,打包放入刚刚的.io的仓库中. 其中,初始页记得命名为index.htm…

直奔主题 为什么要使用https协议? 提高网站访问安全性,网络连接都是加密的 (PS:虽然SSL并不是无懈可击的,但是我们应该尽可能提高窃听成本). 目前越来越多的浏览器会判断当前站点支不支持https协议,提高用户信任度,体验好. 例如:据外媒报道,从2017年1月份正式发布的Chrome 56开始,Google将把某些包含敏感内容的HTTP页面标记为"不安全",比如含有密码或支付表单信息.Google最终目标是将所有打破了https连接的HTTP页面,用特定的红色图标给标记出来-…

这是一篇使用Github Pages创建自己网站的教程,操作很简单,相信,亲们肯定一学就会,但是大家也要有一定的github基础呀,所以小编给大家附上一个链接(http://www.cnblogs.com/boy1025/p/4492538.html)<<---未使用过github的亲们可以看看 -----------------------------------------------------正题部分-------------------------------------------…

搭建 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 环境…

本文首发地址: 非生异也 本项目源码托管在GitHub上 Why 阮一峰曾经说过:喜欢写Blog的人,会经历3个阶段. 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章. 在这之前,我在博客园里写了两年的博客,数量虽然不多,但都是自己学习过程的真实记录,这属于第一阶段.随着学习的东西越来越多,总想着要有个独立的个人主页,…

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

摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后来者一个明确的指引,同时用这篇教程开篇,正式开始我的第八大洲之旅. 前言 作为一个技术小白,没有技术基础,看网上的教程也云里雾里,看程序员的教程相当不容易,稍微有些细节描述得不清楚自己就要绕弯路去找答案(善用搜索引擎),所以,在自己的博客搭建完成之后,我决定要将我搭建博客的过程全记录下来,以供后期和…

Github Page github page是由用户编写的托管在github上的静态网页,为了搭建一个个人博客,我们可以租用一个云服务器然后部署我们的博客项目,常见的比如wordpress,像wp这样的博客系统需要用到服务器后台的数据库,所以是动态的,github page相对于云服务器来说,不能提供数据库服务,所以资源都是静态存放在github上的,但是是免费的,而且速度也还可以,相对来说很稳定. Hexo 什么是Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Mar…

前言 .note-content {font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, Song, sans-serif;} .note-content img {border: 0.3em solid #e0dfcc; -moz-border-r…

github上最全的资源教程-前端涉及的所有知识体系[转自:蓝猫的博客] 综合类 综合类 地址 前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/JacksonTian/fks Web前端开发大系概览 https://github.com/unruledboy/WebFrontEndStack Web前端开发大系概览-中文版 http://www.cnblogs.com/unrule…

icework + gh-pages 超快部署超多模版页面 项目地址:https://github.com/yhyddr/landingpage效果地址:https://yhyddr.github.io/landingpage 前言 GitHub 账号 与它的 pages 服务 不需要任何准备的东西,服务器?域名?前端工程师? 都不需要!只需要你有就能够享受到建立自己网站的乐趣. 飞冰 现在搭配飞冰,还能让你一键生成你喜欢的页面:最最主要的是,你的这个项目是一个 React App,你可以边学前…

假设我购买的域名为www.easonjim.com,想把www.easonjim.com和easonjim.com的域名跳转到下面的网址easonjim.github.io. 而我在github上的账号为easonjim,并且新建了easonjim.github.io的目录. 那么在这个目录上新建一个名为CNAME的文件,里面的内容: easonjim.com www.easonjim.com 下一步是设置域名的解析地址,如下设置: 只要把@和www解析到github的ip即可. 参考: htt…

vue.js环境配置以及实例运行简明教程 声明:本文档编写参考如下两篇博客,是对它们的修改与补充,欢迎点击链接查看原文: 原文1:vue.js在windows本地下搭建环境和创建项目 原文2:Vue.js开发环境搭建 VUE.JS简介 何为Vue.js Vue.js(读音 /vjuː/, 类似于 view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue…

使用GitHub Pages搭建的静态网站绑定了自定义域名操作,但是想反悔怎么办? 删除CNAME文件,重新删除仓库,新建后均不行~ 解决办法:清除一下浏览器缓存,或者用别的浏览器打开就好了,因为之前的浏览器记录了重定向的位置.…

一个git使用教程 https://:.com/jlord/git-it-electron#what-to-install 一个在线Github的功能教学:https://lab.github.com/ 看刚才改变的文件的区别. git diff: Add GitHub username to Git 添加你的用户名到你的Git配置: (一次性的,所有仓库都是这个名字) git config --global user.username <USerNamE> 再核查一下: git config…

1.选择mast 配置cname 设置域名 同时在github设置里面进行绑定 2.获取github pages的ip地址 打开你的电脑的命令行工具,ping你的github地址,忽略"/"后面的路径,比如我的github pages地址是huyuee.github.io/blog,那么我需要ping的地址就是huyuee.github.io,如下图: 3.配置github pages的custom domain 进入你的github pages的仓库,然后在设置里面将的你的域名的地址…

一.与github建立连接 1.安装node.js和git 2.桌面新建文件夹[github],右键“git bash here” 3.注册github账号,新建仓库“new repository”,勾选“Initialize this repository with a README” 4.生成新的SSH key,需要输入密钥时直接回车即可 $ ssh-keygen -t rsa -C "邮件地址@youremail.com" 5.在[id_rsa.pub]文件中找到新生成的ssh…

一.Git的主要功能:版本控制 版本:想想你平时用的软件,在软件升级之后,你用的就是新版本的软件.你应该见过这样的版本号:v2.0 或者 1511(表示发布时为15年11月),如下图:那么如果你修改并保存了一个文件,从版本管理的角度来说,你得到的是这个文件的新版本.可是很多情况下,这种修改是不可逆的.你修改完之后,无法回到你修改前的样子.为了避免这种情况,有的人会把新版本的内容保存到一个新的文件里面.由于 Git 更多地用于代码管理,举个程序员的例子.比如以下是计算机专业学生的作业:这样存储多个…

本章讲的是如何将本地的个人项目远程部署到 GitHub Pages,涉及到GitHub的项目仓库.Git的使用,以及Hexo的远程部署等. 1. 安装 hexo-deployer-git 插件 想要将Hexo项目部署到 GitHub上,需要先安装一个插件.在Hexo项目的根目录打开命令窗口,输入: npm install hexo-deployer-git --save 2. GitHub上创建一个仓库 仓库的名字可以随便起,不过这个仓库是作为我们的博客仓库的,所以尽量将名字以 {usernam…

一.前期准备之项目编译 此处记录如何解决vue2.0 打包之后,打开index.html出现空白页的问题,附上@参考地址 打包之前修改三个文件 第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码 publicPath:'./' output: { //在这里加一行代码 publicPath:'./', path: config.build.assetsRoot, filename: utils.assetsPat…

前言   其实之前就知道可以用GitHub Pages搭建静态博客,不过之前一直忙着爬手册撸代码==,昨天终于把前端各种手册里的入门教程撸的差不多了(CSS布局撸的我要吐了好嘛),于是把代码什么的放一放,来折腾静态博客吧! 准备   GitHub Pages本来是给托管在GitHub的项目的介绍页面留的空间,由于其空间是免费的,拿来搭个博客真心不错.但是,一般的Blog CMS都是非静态的,而如果我们要用静态空间搭博客,那就只能自己动手切页面或者使用为这种静态空间设计的博客管理工具.   这种博…

作为一名想要想找前端实习的即将毕业的学生,我最近意识到拥有个人网页会使自己的简历更容易被注意到.本文主要是我创建过程及个人心得,有些操作我也是第一次,所以难免在解释中会有错误.另外说明一下,我的电脑是Mac系统.欢迎大家点击页面左上角链接查看我的个人网站. 1. GitHub账户 首先,你需要拥有一个GitHub账户.相信大部分搜索关键词看到这个文章的读者应该都已经有了GitHub账户或是别的Git账户吧.附上GitHub Pages官网链接https://pages.github.com/,大…

网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下来,有进行不下去的地方,再去查其他人的做法,最终也建立起了自己的独立博客.但却,恍然不知,你用到的技术是什么含义. 我认为,初学者,要想在一个项目中,切实提高自己,需要活用活学.遇到一个专业名词,就去搞懂它,而不是马马虎虎混过去.一个技能点.一个技能点的攻破,然后将点系统的连起来,形成自己的知识网络…

最近发现 github 改版了,已没有像原来的 Launch automatic page generator 这样的按钮等,所以我对我的文章也进行了修正,对于新版来说,步骤更加简单了.欢迎享用. ------华丽丽的分割线,以下是在原版的基础上的修正版------- 学了前端小半年,如今写了个自己的网页想要去应聘,却发现部署很麻烦,部署到阿里云之类,买域名啊啥的还要收费,说贵也不贵,但我就是傲娇~ google一下了解到Github有一个Github pages的功能可以搭建博客或者托管网页,…

你是否有这样子的需求,只是想简单的写写文章,记录下自己的学习心得.成长经历等,都是些文字内容,不需要配置使用数据库.不想购买服务器自己搭建站点,只是想安安静静的用比较舒服的方式来写篇文章. 静态博客就是为此而生的,不用配置服务器.不用数据库.访问速度相当快.没有不安全漏洞的说法,最重要的,对于一个经常使用 markdown来写文章的人来说,她完美支持! GithubPages ,the Websites for you and your projects. Hosted directly fro…