这个例子我们做一个游戏静态页面,自动跳转到我们想要玩的游戏或者视频等网站 大家也可以根绝我的代码,适当修改一些信息,但是套用我的这个模板请注释下来自我这,我也是初学者,辛辛苦苦写了几个小时,尊重下劳动成果...ok,上代码,我觉得比较简单,就没注释,希望能看懂: 游戏界面 大家直接复制代码是实现不了效果的,因为还有图片没有加载,自己百度搜一下其他的好看的图片,替换就好了。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/190377.html原文链接:https://javaforall.cn
编辑一个文本文件,代码如下; html test1 保存为test1.html;然后用浏览器打开此文件;输出如下; html是制作静态网页的基本语言;html文件是文本文件;编辑好代码以后,只要无错,保存为后缀为html的文本文件;然后用浏览器打开...html文件,就会显示html代码的内容;可以不需要额外的专业开发工具; html代码由标记对组成,表示一个标记开始,表示一个标记结束;基本标记(元素)如下, 元素是 HTML...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/197810.html原文链接:https://javaforall.cn
【完整资源包下载】包含图片、音效等 如果想白嫖可以私信或者发邮件fzx2003zhixue@163.com(回复时间可能比较长……但是看到的话都会回复的~) 首先声明:代码中使用的爱心特效和转动的音符这个两个效果是我从网上找到的...…具体在哪里找的我也忘了…用的图片是邦乔彦的插画~ 其他部分是自己写的 最后的效果如下 index.html 沙雕小星星 我的梦想 小风的博客...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/182625.html原文链接:https://javaforall.cn
第一周:HTML写静态网页 一、HTML理论介绍及常用格式 1.HTML主体格式基本结构 <!...1.拿到一个需求,第一步不是去按照自己的想法立刻去敲代码,首先应该做好规划,就以写静态网页为例,写规划的时间要远远小于你自己后期改代码的时间。 2.添加注释。...添加注释是很好的习惯,在刚写代码的时候,添加的注释要尽可能的详细,这会为后期的维护和项目的交接提供很好的便利,不然没人看的懂你的代码。 3.变量名的选择。...4.代码书写完,功能实现之后,要去优化自己的代码,让自己的代码更加简洁,可读性更强 (二)书写项目导航栏(以CNDS为例) 首先:对于这个导航栏分析一下,第一个cnds图标放在一个盒子里(logo),...> 结束语:第一次写博客,还有很多欠缺的地方,请各位大神多多指教。
今天就分享一个利用moco API框架使用5行代码构建一个静态博客。...博客文章是有mweb使用markdown文档生成的HTML文件,包括跳转连接和图片地址,部分的JS文件都是现成的,只需要做好文件管理即可。...代码如下: def server = getServer(8080, "blog", getHitMonitor()) server.get(urlOnly("/"))....redirectTo("/blog/home.html") server.mount("/blog/", MocoMount.to("/blog")) def server1
今天我花费了整整一下午的时间去提取了typecho主题g的html提取,看着贼顺眼hhhc,来分享一下如何从php博客程序中提取主题。...然后,新建一个html文件。 依据index.php中的need依次复制。 拿G来说,G的index是这样的: need('header.php'); ?>及以上的内容。)
网页简介:经过pink老师的课程学习之后,制作了一个简单的静态页面,主要是运用html和css。...html代码部分: css代码部分: * { margin:0px; padding:0px; } body { background-color: #f3f5f7...这个网页只是基于html和css的静态页面,也只是学成网网页的一部分,其中的链接等多个功能都还未能实现,我将在以后的学习中,补齐所缺的部分。...另外,如果发现网页中有错漏或者代码有更好的写法的请在评论区留言,或者私信我。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。
这个例子我们做一个游戏静态页面,自动跳转到我们想要玩的游戏或者视频等网站 大家也可以根绝我的代码,适当修改一些信息,但是套用我的这个模板请注释下来自我这,我也是初学者,辛辛苦苦写了几个小时,尊重下劳动成果...ok,上代码,我觉得比较简单,就没注释,希望能看懂: 游戏界面title> 冰火人a> 山地自行车a> 美女秀场a> 非诚勿扰a>
这个例子是一个旅游网页,参考别人模板修改的 效果图: 参考代码: 网页爱好者©版权所有 2020-2025 联系我们2835809579@qq.comspan>td>tr> table> body> html...> 本人QQ已经在代码最下面,本人大二,编程新手喜欢编程的,可以跟我交流
最新折腾了一下黑苹果 刚刚把博客迁移过来 所以才想起写这篇文章 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 //生成静态文件后提交到
在知乎上看到一些相关的内容,于是选择了在github上用jekyll搭建博客。...主要环节有:安装Ruby,安装RubyGems,安装jekyll,安装代码高亮插件,安装node.js 安装Ruby ruby官网下载安装:https://www.ruby-lang.org/en/downloads...注意,在github上面好像不支持rouge,所以要push到github上时,我将配置文件_config.yml中的代码高亮改变为highlighter: pygments就可以了 博客默认是没有评论系统的...可能出现的问题 hitimes/hitimes (LoadError) 错误代码: C:/Ruby22/lib/ruby/2.2.0/rubygems/core_ext/kernel_require.rb...代码如下: gem uni hitimes **Remove ALL versions** gem ins hitimes -v 1.2.1 --platform ruby 然后将自动重新编译 hitimes
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编写的静态网站生成工具。
@TOC 一、网站题目 个人博客网站、个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。...网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件; 网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver..., 表单提交, 点击事件等等(个别网页中运用到js代码)。...--- 四、网站演示 图片 图片 图片 图片 五、⚙️ 网站代码 HTML结构代码 <!
博客有很多种类型,有静态博客,就是内容是通过文档记录的,还有动态博客,就是内容是通过数据库记录的。今天我们主要讨论下静态博客,以及那些生成静态博客的工具。...jekyll 使用ruby语言开发的静态博客系统,它内嵌liquid语言模板引擎,支持标签和过滤器。...hugo和其它静态博客不同的特点是他提供了api系统,也就是说,你可以将你的博客内容通过json等格式输出,方便提供给第三方系统使用。...Docsify 这是一个基于vue的构建系统,它的最大特点就是它不需要构建markdown转换成html,也就说它省去了我们构建的时间。...总结 静态博客系统的优点就是它不需要数据库,只需要静态文件就可以提供浏览,这样它可以提供非常大的并发访问。
其二,采用静态博客框架将静态文件(如:Markdown语法格式的文件)转换为HTML文件,这样可以直接将这些动态生成的HTML文件布署到Web服务器即可,不需要依赖数据库,当然也不需要管理后台,所有博客文章都是静态文件...目前已经有许多优秀的静态博客框架,如:Hugo,Hexo等等。把这种无需依赖数据库系统,也不需要管理后台建立的博客称为静态博客。 当然,所谓“动态博客”和“静态博客”,他们各有利弊。...写博客 在博客根目录下执行如下命令新建一篇博客: hexo new post "这是第一篇静态博客文章" 生成静态页面 写好文章后,在博客根目录下执行如下命令生成静态页面: hexo generate...执行完上述命令之后,将会在博客根目录下生成一个名为 public的目录,该目录保存着动态生成的HTML文件,将 public目录下的内容托管到nginx即可访问。...hexo s # 将博客根目录/public路径下转换生成的html页面上传到指定主机 # 这个功能需要先在博客根目录/_config.yml文件配置布署参数,如下示例将通过rsync将文件上传到指定服务器目录
今天给大家最近蛮火的 Hexo 静态博客框架,熟悉明月的都知道明月最近几天一直都在折腾研究 Hexo 静态博客框架的博客站——『明月登楼 Hexo 博客』(hexo.imydl.tech),其实这个博客明月很早就有了...所谓的动态,其实就是指网页渲染输出都是通过动态调用解析生成的,比如 WordPress、Typecho 这类就是所谓的动态博客平台,这类博客平台有一个重要的特点就是网页的渲染输出需要后台 PHP 代码+...MySQL 数据库动态的运算和调用来完成的,生成的网页并不是静态 HTML 文件,需要服务器端再“伪静态”来伪装成 HTML 文件呈献给客户端。...而所谓的静态,就是类似于 Hexo 静态博客框架这样的直接渲染生成 HTML 标准的文件呈献给客户端,最大的特点就是不需要数据库的支撑就可以完成,同时客户端的访问直接就是服务器上的 HTML 标准文件,...HTML 网页。
2017.12.11 正式抛弃 2333 ---- Intro Hexo:快速、简洁且高效的博客框架 优点 多语言文档(含中文) 静态博客,无需服务器 部署、迁移、备份方便 Geek 部署 跟随文档步骤即可
概观 MkDocs是一个快速,简单且彻头彻尾的华丽静态站点生成器,旨在构建项目文档。文档源文件以Markdown编写,并使用单个YAML配置文件进行配置。...主持任何地方 MkDocs构建完全静态的HTML网站,您可以在GitHub页面,Amazon S3或您选择的任何其他地方托管。 很棒的主题 MkDocs有一堆很好看的主题。...请注意,您的源文档已输出为两个名为index.html和的HTML文件 about/index.html。...如果您正在使用源代码控制,例如git您可能不希望将文档构建检查到存储库中。添加包含 site/在您的.gitignore文件中的行。...echo "site/" >> .gitignore 如果您正在使用其他源代码控制工具,则需要检查其文档,了解如何忽略特定目录。 一段时间后,文件可能会从文档中删除,但它们仍将驻留在site目录中。
领取专属 10元无门槛券
手把手带您无忧上云