当前位置: 首页 > news >正文

如何制作项目网页

一、背景

许多论文里经常会有这样一句话Supplementary material can be found at https://hri-eu.github.io/Lami/,这个就是将论文中的内容或者补充视频放到一个网页上,以更好的展示他们的工作。因此,这里介绍下如何使用前人提供的模板制作我们自己的项目网页。

二、寻找制作项目网页的方法

1. 进入Nerfies模板网页

网址为:https://github.com/nerfies/nerfies.github.io
在这里插入图片描述
目前已经2.6K的点赞

2. Nerfies网页点击Issues

在这里插入图片描述

然后找到问题How to publish a project website like yours from a markdown content file?

在问题中,找到网站:https://github.com/shunzh/project_website/,特别注意,这个网站很关键,上述一系列的操作均是找到这个网站
在这里插入图片描述
该网站告诉了我们制作项目网页的简单方法:这个存储库对Nerfies网站的源代码进行了jekyll化,我们只需要更改index.md的内容,便可编辑网页。可以只在markdown中编写,当然也可以使用HTML来实现更丰富的效果。

因为将Nerfies网站的源代码进行了jekyll化,所以接下来我们就是要安装Jekyll环境

三、安装Jekyll环境

Jekyll 是一个基于 Ruby 的静态网站生成器。它可以将用 Markdown、Liquid 模板语言和 HTML 编写的内容,生成静态的 HTML 网站。由于静态网站具有高性能、安全性强、部署简单等优势,Jekyll 常被用于博客、文档站点等用途。

安装方式参考链接为:https://zhuanlan.zhihu.com/p/672713591,我这里记录一下自己的安装过程。

1.安装git,我之前已经装过了,大家可自行检索方法
2.安装Ruby

正如前面所介绍的,Jekyll 是一个基于 Ruby 的静态网站生成器,所以需要安装Ruby,Ruby官网为:https://jekyllrb.com/docs/installation/,上述网址只是Ruby官网,具体安装网址为:https://rubyinstaller.org/downloads/,然后点击Ruby+Devkit 3.3.6-2 (x64) 即可下载
在这里插入图片描述

双击下载好的rubyinstaller-devkit-3.3.6-2-x64.exe

点击I accept the License
在这里插入图片描述
随后一路accept,然后进入到命令行界面,选择3
在这里插入图片描述
出现如下画面,表示安装成功,关闭窗口

在这里插入图片描述

需要注意的是我这里失败了两次,猜测是使用了VPN的缘故,总之如果这里报错,则关闭或打开VPN多尝试几次即可。

3.安装Jekyll

进入Ruby的安装目录,我的是E:\Ruby33-x64,然后在空白处,shift+鼠标右键选择:在此处打开 Powershell 窗囗(S)
在这里插入图片描述

执行以下命令安装 bundler 和 jekyll

gem install jekyll bundler

在这里插入图片描述

安装完成后,执行以下命令查看 jekyll 和 bundler 的版本,以确认是否安装成功

jekyll -v
bundler -v

版本信息如下图所示:

在这里插入图片描述

四、下载网页模板

网站为:https://github.com/shunzh/project_website

下载压缩包project_website-main.zip

我放在了E:\My github repositories/

然后进入到文件夹E:\My github repositories\project_website-main

shift+鼠标右键选择:在此处打开 Powershell 窗囗(S)打开命令行,输入以下指令:

jekyll serve

在这里插入图片描述

然后ctrl+鼠标左键打开http://127.0.0.1:4000

修改index.md文档的内容,则可改变网页的内容。需要注意的是,如果插入图片,则需要将图片放到static/image文件夹中。

在这里插入图片描述

大功告成

http://www.lryc.cn/news/492571.html

相关文章:

  • mongodb/redis/neo4j 如何自己打造一个 web 数据库可视化客户端?
  • 1、正则表达式
  • Airsim安装问题:This project was made with a different version of the Unreal Engine.
  • java八股-分布式服务的接口幂等性如何设计?
  • vscode python code runner执行乱码
  • Java中的继承详解
  • kafka进阶_2.存储消息
  • 如何启用本机GPU硬件加速猿大师播放器网页同时播放多路RTSP H.265 1080P高清摄像头RTSP视频流?
  • 如何更好地设计SaaS系统架构
  • 表征对齐在训练DiT模型中的重要性
  • Qt中CMakeLists.txt解释大全
  • 【在 PyTorch 中使用 tqdm 显示训练进度条,并解决常见错误TypeError: ‘module‘ object is not callable】
  • 数据结构-堆的实现和应用
  • 数据分析的尽头是web APP?
  • YOLO系列论文综述(从YOLOv1到YOLOv11)【第3篇:YOLOv1——YOLO的开山之作】
  • 容器和它的隔离机制
  • 【数据结构与算法】排序算法总结:冒泡 / 快排 / 直接插入 / 希尔 / 简单选择 / 堆排序 / 归并排序
  • Windows Serv 2019 虚拟机 安装Oracle19c,图文详情(超详细)
  • 数字孪生开发之 Three.js 插件资源库(2)
  • 小米C++ 面试题及参考答案下(120道面试题覆盖各种类型八股文)
  • OpenOCD之J-Link下载
  • 华为云云连接+squid进行正向代理上网冲浪
  • 情绪识别项目
  • 【RISC-V CPU debug 专栏 2.2 -- Hart DM States】
  • 从零样本到少样本学习:一文读懂 Zero-shot、One-shot 和 Few-shot 的核心原理与应用!
  • 【LC】3101. 交替子数组计数
  • 如何构建SAAS项目
  • 树莓派搭建NextCloud:给数据一个安全的家
  • 深入解读 MongoDB 查询耗时:Execution 和 Fetching 阶段详解
  • frida_hook_dlopen(当年到lib目录下找发现一个so都没有,hook下dlopen)