今天我花费了整整一下午的时间去提取了typecho主题g的html提取,看着贼顺眼hhhc,来分享一下如何从php博客程序中提取主题。...然后,新建一个html文件。 依据index.php中的need依次复制。 拿G来说,G的index是这样的: need('header.php'); ?>及以上的内容。)
最新折腾了一下黑苹果 刚刚把博客迁移过来 所以才想起写这篇文章 Hexo+GitHub搭建静态博客 准备工作 Node.js下载链接: https://nodejs.org/en/ Git下载链接:...初始化博客框架 hexo init (博客文件夹名称) cd // 进入博客文件夹目录 npm install 这时候博客应该会出现如下文件 _config.yml....md 我用的是typora感觉比较好用 百度下载即可 生成静态文件 hexo generate 简写 hexo g 就好 启动服务器 接下来我们访问以下博客 先要启动一下hexo服务器 hexo server.../getting-started.html#avatar-setting 部署到GitHub 注册GitHub账号 这里自己注册一个账号就好了 建立新的存储库 根据GitHub用户名建立的存储库 如我的用户名...类型配置为git 仓库地址为 建立的github仓库地址(scholar10替换成自己的)分支为master也就是主分支 然后执行部署命令 hexo deploy 简写 hexo g -d //生成静态文件后提交到
content {:toc} 一直以来都想搭建一个自己的博客,但是近半年做项目太忙,再加上教研室的网络很坑爹,所以也一直没顾得上。之前用过 WordPress 托管在免费的京东云擎上,但是速度太慢。...在知乎上看到一些相关的内容,于是选择了在github上用jekyll搭建博客。...创建博客 在d盘新建一个工作区jekyllWorkspace cd到jekyllWorkspace 执行jekyll new name创建新的工作区 image.png 文件结构如下: image.png...本文是用Markdown格式来写的,相关语法可参考: Markdown 语法说明 (简体中文版) http://wowubuntu.com/markdown/ 按照本文的说明搭建完博客后,用github...注意,在github上面好像不支持rouge,所以要push到github上时,我将配置文件_config.yml中的代码高亮改变为highlighter: pygments就可以了 博客默认是没有评论系统的
github生成静态博客很简单。
1.简介 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章(经常玩CSDN上的人都知道),在几秒内,即可利用靓丽的主题生成静态网页。..._posts目录:Hexo是一个静态博客框架,因此没有数据库。文章内容都是以文本文件方式进行存储的,直接存储在_posts的目录。...发布项目到github 4.1 静态化处理 写完文章之后,可以发布到github上面。hexo是一个静态博客框架。...静态博客,是只包含html, javascript, css文件的网站,没有动态的脚本。虽然我们是用Node进行的开发,但博客的发布后就与Node无关了。...在发布之前,我们要通过一条命令,把所有的文章都做静态化处理,就是生成对应的html, javascript, css,使得所有的文章都是由静态文件组成的: xiaosi@yoona:~/blog$ hexo
前言 本文资料搜集于网上,主要是列一个博客平台清单,包括各种自建博客框架和静态博客框架,供自己或大家参考,提供一些基本信息,剩下大家进一步探索。...阿里云云栖社区 10. 51CTO博客 开源博客 静态博客 静态博客:静态博客是指通过生成工具,对笔记博客文章如md文件编译成html;css;js等静态文件,部署到服务器上直接提供访问,不需要数据库。...1. hexo Hexo是用Node.js编写的博客框架。这个静态网站生成工具非常快,使用它构建一个完整的网站只需要几秒钟。...不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件,所有转换工作都是在运行时。 4....Gridea Gridea一款静态博客写作客户端,收费。 7. Pelican Pelican是使用Python编写的静态网站生成工具。
DOCTYPE html> html test1 row 2, col 1 row 2, col 2 保存为test1.html;然后用浏览器打开此文件;输出如下; html是制作静态网页的基本语言;html文件是文本文件;编辑好代码以后,只要无错,保存为后缀为html的文本文件;然后用浏览器打开...html文件,就会显示html代码的内容;可以不需要额外的专业开发工具; html代码由标记对组成,表示一个标记开始,表示一个标记结束;基本标记(元素)如下, 元素是 HTML...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/197810.html原文链接:https://javaforall.cn
免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星... @TOC 一、网站题目 个人博客网站、个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...="IE=edge"> 个人博客...">我的家乡 我的爱好 给我留言</
博客有很多种类型,有静态博客,就是内容是通过文档记录的,还有动态博客,就是内容是通过数据库记录的。今天我们主要讨论下静态博客,以及那些生成静态博客的工具。...jekyll 使用ruby语言开发的静态博客系统,它内嵌liquid语言模板引擎,支持标签和过滤器。...hugo和其它静态博客不同的特点是他提供了api系统,也就是说,你可以将你的博客内容通过json等格式输出,方便提供给第三方系统使用。...Docsify 这是一个基于vue的构建系统,它的最大特点就是它不需要构建markdown转换成html,也就说它省去了我们构建的时间。...总结 静态博客系统的优点就是它不需要数据库,只需要静态文件就可以提供浏览,这样它可以提供非常大的并发访问。
今天给大家最近蛮火的 Hexo 静态博客框架,熟悉明月的都知道明月最近几天一直都在折腾研究 Hexo 静态博客框架的博客站——『明月登楼 Hexo 博客』(hexo.imydl.tech),其实这个博客明月很早就有了...MySQL 数据库动态的运算和调用来完成的,生成的网页并不是静态 HTML 文件,需要服务器端再“伪静态”来伪装成 HTML 文件呈献给客户端。...而所谓的静态,就是类似于 Hexo 静态博客框架这样的直接渲染生成 HTML 标准的文件呈献给客户端,最大的特点就是不需要数据库的支撑就可以完成,同时客户端的访问直接就是服务器上的 HTML 标准文件,...纯静态的网站平台目前看反而是多用在访问量巨大的场景,其实主要就是为了节约成本考量的,今天要给大家说的这个『Hexo 静态博客框架』就是一个纯静态的博客网站框架,也就是一款基于 Node.js 的静态博客框架...HTML 网页。
其二,采用静态博客框架将静态文件(如:Markdown语法格式的文件)转换为HTML文件,这样可以直接将这些动态生成的HTML文件布署到Web服务器即可,不需要依赖数据库,当然也不需要管理后台,所有博客文章都是静态文件...目前已经有许多优秀的静态博客框架,如:Hugo,Hexo等等。把这种无需依赖数据库系统,也不需要管理后台建立的博客称为静态博客。 当然,所谓“动态博客”和“静态博客”,他们各有利弊。...写博客 在博客根目录下执行如下命令新建一篇博客: hexo new post "这是第一篇静态博客文章" 生成静态页面 写好文章后,在博客根目录下执行如下命令生成静态页面: hexo generate...执行完上述命令之后,将会在博客根目录下生成一个名为 public的目录,该目录保存着动态生成的HTML文件,将 public目录下的内容托管到nginx即可访问。...hexo s # 将博客根目录/public路径下转换生成的html页面上传到指定主机 # 这个功能需要先在博客根目录/_config.yml文件配置布署参数,如下示例将通过rsync将文件上传到指定服务器目录
来为页面静态资源提供加速,有效提升资源加载速度。...Gulp压缩全站静态资源 gulp能够帮助用户自动压缩静态资源,配合各类下属插件,能够压缩包括css、js、html乃至各类格式的图片文件。...安装Gulp插件:在博客根目录[Blogroot]打开终端,输入: 安装各个下属插件以实现对各类静态资源的压缩。在此高呼卓越科技NB! 为Gulp创建gulpfile.js任务脚本。...在博客根目录[Blogroot]下新建gulpfile.js,打开[Blogroot]\gulpfile.js,输入以下内容: 在每次运行完hexo generate生成静态页面后,运行gulp对其进行压缩...artitalkkey.js却依然引入,连带着让控制台抛出一堆找不到相应HTML结构的报错。
2017.12.11 正式抛弃 2333 ---- Intro Hexo:快速、简洁且高效的博客框架 优点 多语言文档(含中文) 静态博客,无需服务器 部署、迁移、备份方便 Geek 部署 跟随文档步骤即可
概观 MkDocs是一个快速,简单且彻头彻尾的华丽静态站点生成器,旨在构建项目文档。文档源文件以Markdown编写,并使用单个YAML配置文件进行配置。...主持任何地方 MkDocs构建完全静态的HTML网站,您可以在GitHub页面,Amazon S3或您选择的任何其他地方托管。 很棒的主题 MkDocs有一堆很好看的主题。...看一下目录: $ ls site about fonts index.html license search.html css img js mkdocs sitemap.xml...请注意,您的源文档已输出为两个名为index.html和的HTML文件 about/index.html。...例如,要获取该build命令可用的所有选项的列表,请 运行以下命令: mkdocs build --help 部署 您刚刚构建的文档站点仅使用静态文件,因此您几乎可以在任何地方托管它。
这个例子我们做一个游戏静态页面,自动跳转到我们想要玩的游戏或者视频等网站 大家也可以根绝我的代码,适当修改一些信息,但是套用我的这个模板请注释下来自我这,我也是初学者,辛辛苦苦写了几个小时,尊重下劳动成果...DOCTYPE html> 游戏界面 冰火人 同城交友网 珍爱网<a <a href="http:...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/190377.<em>html</em>原文链接:https://javaforall.cn
DOCTYPE html> </html
DOCTYPE html> <meta http-equiv="X-UA-Compatible...scale(1.05, 1.2); } </<em>html</em>
免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星...一、网站题目 个人网页设计、♂️个人简历制作、简单静态HTML个人网页作品、个人介绍网站模板 、等网站的设计与制作。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效... 演艺经历 主要作品 社会活动 获奖记录 <
前言 静态博客跟传统博客不一样,没有自带评论系统。...以 PHP + Mysql 为代表的 Wordpress 这类动态博客,天然带有数据库存储评论,而且博客前后端本地进行数据交互,提交评论、渲染评论都很快。...而静态博客只产生静态网页文件,评论系统均需要依赖第三方评论系统。...直到 2019 年底换到静态博客后,才发现评论系统的问题很严重。但是又不想再换回 Typecho 了。...在这段时间里,怡红公子 也把博客转到了静态博客 Hugo,也在着手开发 Waline 了。我记得与他对话时他说了句原话是 “如果我早点发现 Twikoo,我也不会去开发 Waline 了”。
参考教程 https://akilar.top/posts/49b73b87/ 前言 gulp能够帮助用户自动压缩静态资源,配合各类下属插件,能够压缩包括css、js、html乃至各类格式的图片文件...安装gulp插件 npm install --global gulp-cli #全局安装gulp指令集 npm install gulp --save #安装gulp插件 安装各个下属插件以实现对各类静态资源的压缩...在博客根目录[Blogroot]下新建gulpfile.js,打开[Blogroot]\gulpfile.js,输入以下内容: //用到的各个插件 var gulp = require('gulp');.../public')); }); //压缩html gulp.task('minify-html', () => { return gulp.src('....','mini-font' )) 在每次运行完hexo generate生成静态页面后,运行gulp对其进行压缩。
领取专属 10元无门槛券
手把手带您无忧上云