首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    html静态网页设计代码_静态网页设计心得

    第一周:HTML静态网页 一、HTML理论介绍及常用格式 1.HTML主体格式基本结构 <!...1.拿到一个需求,第一步不是去按照自己的想法立刻去敲代码,首先应该做好规划,就以写静态网页为例,写规划的时间要远远小于你自己后期改代码的时间。 2.添加注释。...添加注释是很好的习惯,在刚写代码的时候,添加的注释要尽可能的详细,这会为后期的维护和项目的交接提供很好的便利,不然没人看的懂你的代码。 3.变量名的选择。...4.代码书写完,功能实现之后,要去优化自己的代码,让自己的代码更加简洁,可读性更强 (二)书写项目导航栏(以CNDS为例) 首先:对于这个导航栏分析一下,第一个cnds图标放在一个盒子里(logo),...> 结束语:第一次写博客,还有很多欠缺的地方,请各位大神多多指教。

    6.5K30

    Hexo搭建静态博客

    最新折腾了一下黑苹果 刚刚把博客迁移过来 所以才想起写这篇文章 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 //生成静态文件后提交到

    29240

    Hexo 搭建静态博客

    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

    77530

    博客平台,自建博客静态博客生成器搜集

    前言 本文资料搜集于网上,主要是列一个博客平台清单,包括各种自建博客框架和静态博客框架,供自己或大家参考,提供一些基本信息,剩下大家进一步探索。...阿里云云栖社区 10. 51CTO博客 开源博客 静态博客 静态博客静态博客是指通过生成工具,对笔记博客文章如md文件编译成html;css;js等静态文件,部署到服务器上直接提供访问,不需要数据库。...1. hexo Hexo是用Node.js编写的博客框架。这个静态网站生成工具非常快,使用它构建一个完整的网站只需要几秒钟。...不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件,所有转换工作都是在运行时。 4....Gridea Gridea一款静态博客写作客户端,收费。 7. Pelican Pelican是使用Python编写的静态网站生成工具。

    32910

    学生静态HTML个人博客主页【Web大学生网页作业成品】HTML+CSS+JavaScript

    @TOC 一、‍网站题目 ‍个人博客网站、‍个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。...网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件; 网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver..., 表单提交, 点击事件等等(个别网页中运用到js代码)。...--- 四、网站演示 图片 图片 图片 图片 五、⚙️ 网站代码 HTML结构代码 <!

    1.8K31

    盘点静态博客生成工具

    博客有很多种类型,有静态博客,就是内容是通过文档记录的,还有动态博客,就是内容是通过数据库记录的。今天我们主要讨论下静态博客,以及那些生成静态博客的工具。...jekyll 使用ruby语言开发的静态博客系统,它内嵌liquid语言模板引擎,支持标签和过滤器。...hugo和其它静态博客不同的特点是他提供了api系统,也就是说,你可以将你的博客内容通过json等格式输出,方便提供给第三方系统使用。...Docsify 这是一个基于vue的构建系统,它的最大特点就是它不需要构建markdown转换成html,也就说它省去了我们构建的时间。...总结 静态博客系统的优点就是它不需要数据库,只需要静态文件就可以提供浏览,这样它可以提供非常大的并发访问。

    96430

    基于Hexo搭建静态博客

    其二,采用静态博客框架将静态文件(如:Markdown语法格式的文件)转换为HTML文件,这样可以直接将这些动态生成的HTML文件布署到Web服务器即可,不需要依赖数据库,当然也不需要管理后台,所有博客文章都是静态文件...目前已经有许多优秀的静态博客框架,如:Hugo,Hexo等等。把这种无需依赖数据库系统,也不需要管理后台建立的博客称为静态博客。 当然,所谓“动态博客”和“静态博客”,他们各有利弊。...写博客博客根目录下执行如下命令新建一篇博客: hexo new post "这是第一篇静态博客文章" 生成静态页面 写好文章后,在博客根目录下执行如下命令生成静态页面: hexo generate...执行完上述命令之后,将会在博客根目录下生成一个名为 public的目录,该目录保存着动态生成的HTML文件,将 public目录下的内容托管到nginx即可访问。...hexo s # 将博客根目录/public路径下转换生成的html页面上传到指定主机 # 这个功能需要先在博客根目录/_config.yml文件配置布署参数,如下示例将通过rsync将文件上传到指定服务器目录

    68632

    说说 Hexo 静态博客框架

    今天给大家最近蛮火的 Hexo 静态博客框架,熟悉明月的都知道明月最近几天一直都在折腾研究 Hexo 静态博客框架的博客站——『明月登楼 Hexo 博客』(hexo.imydl.tech),其实这个博客明月很早就有了...所谓的动态,其实就是指网页渲染输出都是通过动态调用解析生成的,比如 WordPress、Typecho 这类就是所谓的动态博客平台,这类博客平台有一个重要的特点就是网页的渲染输出需要后台 PHP 代码+...MySQL 数据库动态的运算和调用来完成的,生成的网页并不是静态 HTML 文件,需要服务器端再“伪静态”来伪装成 HTML 文件呈献给客户端。...而所谓的静态,就是类似于 Hexo 静态博客框架这样的直接渲染生成 HTML 标准的文件呈献给客户端,最大的特点就是不需要数据库的支撑就可以完成,同时客户端的访问直接就是服务器上的 HTML 标准文件,...HTML 网页。

    2.2K60

    用Python写静态博客

    概观 MkDocs是一个快速,简单且彻头彻尾的华丽静态站点生成器,旨在构建项目文档。文档源文件以Markdown编写,并使用单个YAML配置文件进行配置。...主持任何地方 MkDocs构建完全静态HTML网站,您可以在GitHub页面,Amazon S3或您选择的任何其他地方托管。 很棒的主题 MkDocs有一堆很好看的主题。...请注意,您的源文档已输出为两个名为index.html和的HTML文件 about/index.html。...如果您正在使用源代码控制,例如git您可能不希望将文档构建检查到存储库中。添加包含 site/在您的.gitignore文件中的行。...echo "site/" >> .gitignore 如果您正在使用其他源代码控制工具,则需要检查其文档,了解如何忽略特定目录。 一段时间后,文件可能会从文档中删除,但它们仍将驻留在site目录中。

    1.6K20
    领券