博客静态页面源码（html个人博客静态页面模板）

本文目录一览：

• 1、hexo搭建的静态博客如何自定义页面
• 2、什么叫动态页面和静态页面?
• 3、动态网页与静态网页的区别

hexo搭建的静态博客如何自定义页面

步骤如下：首先在GitHub上创建一个以“username.github.io”命名的仓库，如mrrabbitan.github.io，然后在本地创建一个hexo文件夹，初始化并下载必要的文件。执行hexo命令生成静态文件，预览博客内容。Hexo主题可以随时更换，只需更新_config.yml中的theme设置。

配置完成后，记得先拉取番剧数据信息：hexobangumi-u，然后再hexog，最后会生成一个bangumi.html的静态文件。 在第2步会出现hexog失败的情况。因为追番页面没有发表时间，所以page.date为undefined，调用unix（）方法会出错。根据报错提示，删掉~/blog/themes/hingle/layout目录下，page.ejs与post.ejs的以下代码可以得到解决。

总的来说，Hexo就像是一个HTML生成器，它让你能轻松地用Markdown编写博客，然后通过与github或coding等平台的配合，实现一键部署。无论是markdown内容的处理还是静态页面的发布，Hexo都简化了整个过程，使得博客搭建变得更加简单易行。

在搭建Hexo博客前，首先需确保Node.js和Git已安装在电脑上。若已安装，可跳至安装Hexo。安装Node.js可从官方网站下载安装包完成，或使用包管理器进行安装。安装Git后，执行安装命令，然后使用以下两种方式（推荐使用第二个）执行Hexo，实现Hexo的安装。安装完成后，使用命令创建Hexo站点项目文件夹。

npm install hexo-deployer-git --save修改配置。deploy： type： git repo： repository url branch： [branch] message： [message]参数及其描述 repo 库（Repository）地址 branch 分支名称。如果您使用的是 GitHub 或 GitCafe 的话，程序会尝试自动检测。

首先在本地安装hexo环境，配置好主题以及自定义的配置，然后将整个hexo目录推送到github私有仓库。私有仓库在接受到push之后，使用github action进行hexo g和hexo deploy，将生成的静态文件推送到另一个以 用户名.github.io 为名称的仓库。

什么叫动态页面和静态页面?

动态页面是打开页面时再读出数据库再解析成网页内容，静态页面是把动态数据按要求生成静态页面，打开网页时不用去读取数据库。区别：动态站点网页打开相对静态页面要慢很多；静态页面更容易搜索引挚的抓取，权重也比动态页面高。动态页面容易有sql注入危险，静态页面不存在。

动态页面和静态页面的主要区别在于内容的生成方式和用户交互性。简单来说，静态页面是预先编写好的，内容不会因用户操作而改变，而动态页面则可以根据用户请求和服务器端的处理实时生成和改变内容。

静态页面指的是页面内容和显示效果在生成时就已经确定，不随时间或用户操作发生变化的页面。相反，动态页面在呈现给用户之前，其内容会根据请求、环境或数据操作而动态变化。从工作原理来看，静态页面通过用户的请求直接从文件系统加载预存的文件，而动态页面则需从数据库获取数据后生成页面。

动态网页与静态网页的区别

1、后缀名不同。动态网页：以asp、jsp、php、perl、cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号问号？静态网页：以htm、html、shtml、xml等形式为后缀。程序语言不同 动态网页使用语言HTML＋ASP或HTML＋PHP或HTML＋JSP等。静态网页使用语言HTML（超文本标记语言）。

2、静态网页和动态网页的区别：首先是静态网页，静态网页每个网页中都有一个固定的URL，网页URL以htm、HTML、shtml等常见形式为后缀，而且不含有问号；网页内容一经发布到网页服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。

3、维护区别：静态网页没有数据库的支持，当网站信息量很大的时候网页的制作和维护都很困难。动态网页以数据库技术为基础，可大大降低网站维护的工作量。交互性区别：静态网页由于很多内容都是固定的，在功能方面有很大的限制，即交互性较差。动态网页可实现更多的功能，如用户的登录、注册、查询等。