将静态页面部署到github.io】的更多相关文章

背景:   我的腾讯云服务器是之前利用学生身份(有优惠)买的,现在快到期了,而且服务器上面只有一个引导页(静态页面)还有用,别的项目都没有用了.所以就想找一种不花钱买服务器就可以访问到我的引导页的方法.然后突然间想到了之前小伙伴说过hexo写博客非常方便而且是托管到github上的,我就想能不能用类似的方法把自己的静态页面也托管到github上. 效果:   page.zhuchenglin.cn 前提:   这个方法只能用来部署静态页面,而且是可以公开的代码,所以私有项目一定不要图省钱这样部署…
使用静态页面的理由 本人在Github上使用github.io部署了一个静态主页,地址是http://aopstudio.github.io,用于存放一些笔记文件.虽然静态页面功能少,自动化程度低,不过github.io的优点在于页面完全随自己设计,html,css和javascript全部随由自己安排,同时不需要自己的服务器资源.而且不少Github用户都会设置github.io作为自己的展示页面,也算是一个潮流. 更大的理由--Markdown Preview Enhanced插件太强大..…
HEXO与Github.io搭建个人博客 HEXO搭建    HEXO是基于Node.JS的一款简单快速的博客框架,能够支持多线程,支持markdown,可以将生成的静态网页发布到github.io以及coding上.要使用搭建HEXO博客,先安装hexo1.安装node.js sudo apt-get install -y python-software-properties software-properties-commonsudo add-apt-repository ppa:chris…
1.将已有的项目放在github上 http://www.cnblogs.com/zqunor/p/6583182.html 2.出现错误解决方案 提交错误 http://blog.csdn.net/dengjianqiang2011/article/details/9260435 合并错误 https://www.cnblogs.com/wei325/p/5278922.html 3.将静态网页部署到github上访问 https://www.cnblogs.com/DaisyWang/p/5…
0x00 前言 前一段时间,我找到了Jendrik Illner的个人网站.除了那里的精彩文章,网站的主题也吸引了我的注意力,而且我发现该网站的主题采用了Hugo的Academic主题. 然后,我认为现在是时候为自己建立一个漂亮的个人网站了.我是Azure的新手,因此本文只是记录在Azure上建立我的个人网站的过程以及遇到的问题.我希望能帮助有同样需求的人. 0x01 在本地运行 Hugo 网站 在我们将静态页面托管到云上之前,最好先在本地运行它们.首先,让我们获取Hugo.我使用macOS来运…
新建一个分支:git branch mybranch(mybranch你的分支名字) 切换到你的新分支: git checkout mybranch 将新分支发布在github上: git push origin mybranch 在本地删除一个分支: git push origin :mybranch(:就是删除的意思) ///////////////////////////////////////////////////////////////////////////////////////…
What? Hexo 是一个快速.简洁且高效的博客框架.可以使用markdown 解析成文章,在几秒内,即可利用靓丽的主题生成静态网页. Why? 笔记需要整理 How? github 创建 charblus.github.io 项目 使用markdown 记录开发笔记和文章 日复一日 链接: Hexo官方网站 Hexo官方主题 快速开始 hexo n "hexo-post" hexo g hexo s hexo d 创建一篇文章 $ hexo new "My New Pos…
github发布静态页面:https://wangc1993.github.io/2019/01/07/2/…
详细的git教程:http://www.cnblogs.com/tugenhua0707/p/4050072.html#!comments 作为教程,很重要的一点就是要最大化的傻瓜化,本文将从新建一个github仓库开始到成功部署github pages一步步解析. 第一步:新建一个github仓库"hello-ghpages": 现在我们有了一个空的仓库,上面只有README.md和LICENCE文件,并且注意现在所在的分支是"master".之所以强调这一点是因…
在centOs 上搭建nginx来部署静态页面网站 一.部署服务器环境 nginx:轻量级.高性能的HTTP及反向代理服务器,占用内存少,并发能力强,相比老牌的apache作为web服务器,性能更加卓越. 在centOs上,是可以直接用yum来安装Nginx,就好似前端在Node环境下用npm安装各种依赖一样. // 用yum来安装nginx yum install nginx -y // 安装完毕,启动nginx nginx 安装启动完毕,就可以在浏览器中输入你的服务器ip地址,就可以看到启动…
node部署静态页面上线 静态页面上线可以采用 nginx, tomcat或者node ,我们这里介绍下node部署静态页面 这里采用最简单的上线方式,我们就不用node + express + ejs ,直接采用node + html 1.首先确定好安装了 node 如果没有安装,请下载 https://nodejs.org/zh-cn/ 建议下载LTS版本 2.新建一个目录,比如 test 文件夹,然后在当前文件夹下进入命令行窗口 npm init 初始化npm,此处一路回车,这时会生成 p…
用nginx的反向代理机制解决前端跨域问题在nginx上部署web静态页面 1.什么是跨域以及产生原因 跨域是指a页面想获取b页面资源,如果a.b页面的协议.域名.端口.子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源. 跨域情况如下: url 说明 是否跨域 http://www.cnblogs.com/a.jshttp://www.a.com/b.js 不同域名 是 http://www.a.c…
github已经是众所周知的程序员同性交友网站了,我就不多说了,(+_+)? 下面讲一讲如何在不用自己购买空间域名备案的情况下,通过github来托管自己的一些小demo或者项目 让其能够通过github的链接直接访问 首先,如果你是已经在github有了自己的一个项目,嗯,那就拿我自己的小demo作为例子 我这里用的是git bash,当然你要是用git cmd 也是一样的,不过还是推荐git bash哦 首先 直接git clone 项目到本地文件夹 到了本地文件夹之后,可以发现这个demo…
用Git托管静态页面代码,通过Jenkins部署静态页面,是再方便不过的了.本文将介绍如何通过Jenkins部署最新的静态页面代码. 一.Jenkins的配置 1.设置项目名称.参数(环境.分支)等 2.配置源码管理 3.配置构建参数 echo '当前文件夹:'${WORKSPACE} zip -r ./coursestatistics.zip ./* echo ${JOB_NAME} echo ${BUILD_ID} timeStamp=`date +%Y-%m-%d` echo $timeS…
1.创建仓库 创建仓库点击右上角的加号,选择newrepository.然后对仓库信息进行设置.注意箭头标识的几个地方.仓库名必须是http://username.github.io的形式.必须勾选public.下面那个用readme填充最好也选上,避免麻烦. 2.挑选主题 挑选自己中意的主题,此处是jekyll主题博客. 3.修改README.md 修改README.md为想要的静态内容(Markdown格式)即可. 4.示例 我的GitHub Pages:https://letisl.git…
jekyll build # => 当前文件夹中的内容将会生成到 ./site 文件夹中. $ jekyll build --destination <destination> # => 当前文件夹中的内容将会生成到目标文件夹<destination>中. $ jekyll build --source <source> --destination <destination> # => 指定源文件夹<source>中的内容将会生…
Nginx 介绍 Nginx 是俄罗斯人编写的十分轻量级的 HTTP 服务器, Nginx,它的发音为「engine X」,是一个高性能的 HTTP 和反向代理服务器,同时也是一个 IMAP/ POP3/ SMTP 代理服务器.Nginx 是由俄罗斯人 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,它已经在该站点运行超过两年半了.Igor Sysoev 在建立的项目时,使用基于 BSD 许可. 英文主页:http://nginx.net . Nginx 作为 H…
1.mac使用ssh命令登陆远程主机 因为苹果mac os x自带ssh命令,所以我们只需打开终端输入 $ ssh user@remote 在这之前最好在服务器上上传自己的ssh key,避免每次登陆输入密码 稍作等待就连接上服务器了   2.mac使用scp命令向远处主机上传文件 在终端窗口,按下command+n,打开另一个终端窗口,并输入 $ scp ~/local/file user@remote:~/file  当然一般我们上传的是文件夹,所以加上-r $ scp -r ~/local…
基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几乎没有这方面的基础,写到Web表单那儿果断弃了,转向简单的Hexo + Github Pages.不过要想搭建博客的同时巩固Python,Flask确实是一个不错的选择. 获取Github Pages 去Github官网注册账号 新建一个repo,注意名称一定是your_username.githu…
github pages 是 github 免费为用户提供的服务,写博客,或者部署一些纯静态项目. 最近将 vue cli 3.x 初始化项目部署到 github pages,踩了一些坑,记录如下. https://github.com/nusr/resume-vue 1. vue-router 不要开启 history 模式 路径中的 # 比较丑,就开启了 vue-router 的 history 模式,去掉了 #.平时做项目也是默认开启 history 模式.折腾了半天发现,我这是部署到 g…
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina.com 目录 目录Hexo博客网站搭建本地环境配置配置 SSH keys发布项目源码结构创建文章布局 layout文件名称 title草稿 draftsFront-matter资源文件夹 asset模版 scaffolds分类和标签命令服务器 server生成文件 generate部署 deplo…
1.前言 github.io 是基于 Github 的 repo 管理,这意味着咱们对其是有绝对的控制,这个跟放在第三方的平台比,可控性要好太多. 使用 github pages 服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于 github 的: 数据绝对安全,基于 github 的版本管理,想恢复到哪个历史版本都行: 博客内容可以轻松打包.转移.发布…
参考: http://www.jianshu.com/p/a67792d93682 http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html https://help.github.com/articles/cloning-a-repository/ http://lijialalala.github.io/2016/04/05/hexoxo-usage/ 一.GitHub端 首先注册个GitHub的帐号 好注册完成后新建一个项…
前言 很多人都有搭建博客或知识库站点的想法,可自己买云服务器太不划算,部署管理也是个问题:基于免费又热门的 GitHub Pages 来搭建博客站点倒是省钱省力省事的好办法,于是上网一搜,满屏都是关于使用 Jekyll 来搭建站点的文章,这个 Jekyll 是基于 Ruby 开发的,上手得先装一大坨东西.各种啰嗦各种坑,看的一点欲望都没有了. 神器出现 平地一声雷,炸出了 Hexo (https://hexo.io/zh-cn) 这个神器.它只需要 NodeJS 即可,完全不依赖其他乱七八糟的玩…
本章讲的是如何将本地的个人项目远程部署到 GitHub Pages,涉及到GitHub的项目仓库.Git的使用,以及Hexo的远程部署等. 1. 安装 hexo-deployer-git 插件 想要将Hexo项目部署到 GitHub上,需要先安装一个插件.在Hexo项目的根目录打开命令窗口,输入: npm install hexo-deployer-git --save 2. GitHub上创建一个仓库 仓库的名字可以随便起,不过这个仓库是作为我们的博客仓库的,所以尽量将名字以 {usernam…
一.前言 如上图所示:GitHub有Github Pages,而码云也有码云 Pages 1.Github Pages或Gitee Pages是什么呢? Github Pages或者Gitee Pages是一个免费的静态网页托管服务,我们可以使用它来托管博客.项目官网等静态网页. 之前小编也有写过关于GitHub搭建个人博客教程,其采用Jekyll模板搭建~ 目前码云 Pages 支持 Jekyll.Hugo.Hexo编译静态资源. 2.Jekyll.Hugo.Hexo 是什么? 温馨小提示:码…
目录 1. 本地搭建 1.1 安装Hugo 1.2 创建站点 1.3 新建页面和文章 1.4 使用主题 1.5 修改配置文件 1.6 预览 2. 部署 之前担心过现有博客平台(如博客园,CSDN)突然倒闭了,博文特别是插图来不及备份:也考虑过自建博客可以更随意,因此有了自建博客的打算.花了两天时间,走了一些弯路,有一些经验总结: 做事情一定要搞清楚需求,掂量自己的实力.原本我只是想做一个备份,那么本地写好markdown,存好插图,再同步到博客园就行了,没有必要费力建博客搭网站.虽然Hexo和H…
开发背景:年后回来公司业务不忙,闲暇时间了解一下node的使用场景,一篇文章吸引了我15个Nodejs应用场景,然后就被这个hexo框架吸引了,说时迟,那时快,赶紧动手搭建起来,网上找了好多资料一天时间才搭建完成,我的博客地址:博客,记录一下过程,以便以后学习. 开始搭建 学习新框架的一般步骤: 中文文档撸一遍,跟着做(Hexo中文文档),一般都会有各种问题出现,当然直接成功的也有,很不幸,我就是出现问题的那一类,没关系,出现问题,解决问题的过程,才能学到更多东西: 上网找一些hexo使用的教程…
使用github.io可以搭建一个自己的博客,把静态文件项目托管到github上,可以写博客,可以使用markdown语法,也可以展示作品.灵活性高.但是有较大的难度. node,git版本变化日新月异,每段时间都会有不同,而这个小不同可能直接导致搭建失败.这里把我搭建的过程记录下来.如果将来搭建失败,可以参考,下载对应的版本尝试. 我使用的版本(win7系统下:): node: v0.10.22 git: Git-1.9.5-preview20141217 搭建步骤: 1.安装好node和gi…
  (这里值针对Windos系统的,因为本人用的是Window系统,暂时没有条件在其他平台上测试)   1.创建命名为 <userName>.github.io的仓库.      这里的userName为用户名,一般是你注册时的用户名.比如个人主页的网址是https://github.com/DaisyWang88.那这里的userName就是DaisyWang88.     2.将DaisyWang88.github.io这个仓库生成静态网页.                进入DaisyW…