Haoze Chang

Publications | Archive

Jerkll Mistake Record

Jerkll踩坑全纪录

基本思路

Jerkll的作用是用来搭建个人主页,他的最大优势是避免大量的html coding,从而提升整体的便捷程度。但是对于html本身就不熟悉的人来说,还有很多比较容易踩坑的地方

Start:

我个人感觉官方文档写的也不太清楚。所以我比较推荐找一个简单简介的模板,避开复杂的css渲染,看他的源码。踩了这么多坑之后,感觉搭建主页的步骤大概如下 :

1.复制模板,这一步没必要自己做,因为很多配置文件,Gemfile等都可以直接用模板的

2.确定好文件架构,一般的模板的文件架构大概是:

├── about
   ├── about.md
   └── index.html
├── archive
   └── index.html
├── assets
   ├── a.pdf
   └── css
       └── syntax.css
├── _config.yml
├── Gemfile
├── _includes
   ├── comments.html
   ├── header.html
   ├── home.md
   └── publications.md
├── index.html
├── jekyll-true-minimal.gemspec
├── _layouts
   ├── default.html
   └── post.html
├── LICENSE
├── post_imgs
   ├── dual_sys
      ├── 1.png
      ├── 2.png
      ├── 3.png
      ├── 4.png
      └── 5.png
   ├── greedy.png
   ├── xv63.png
├── _posts
   ├── 2012-08-14-blog-post-1.md
├── publications
   └── index.html
└── README.md

其中index html是一打开页面就有的那个页面,然后他通过超链接检索到不同的子页面,

不同的文件分别是: assets:存放文件

Gemfile、config、gemspec:官方文件,规定渲染等

include:包含定义结构的头文件

layout:定义版面的html文件

其余:根据个人需求建立的子文件夹,

我的推荐配置是,创建一个md放在include里面,md便于编辑,然后创建一个index html放在对应的文件夹中,类似:

├── _includes
   ├── comments.html
   ├── header.html
   ├── home.md
   └── publications.md
├── publications
   └── index.html

对于index:

---
layout: default
title: Publications     <!--固定的,必须有,而且要和header中对应-->
---
<!-- Simplified archive page 用来渲染md-->
<h2>Update to 2024</h2>

<div>
  
<h1 id="publication">Publication</h1>

<h3 id="2025">2025</h3>
<p>1.SpatialFeat:Efficient Spatial-Aware Keypoint Extraction for Resource-Constrained Device
Manuscript submitted for publication in <em>ICCV2025</em>.</p>

<h3 id="2024">2024</h3>
<p>1.<strong>H. Chang</strong>, L. Ma and D. Qin,”Deep Joint Source Channel Coding via  Attention for Wireless Image Transmission,” WISATS 2024 - 2024 International Conference on Wireless and Satellite Systems, Harbin, China, 2024, (selected as <strong>A-tier</strong> conference by HIT)</p>

<p>2.SNR Adaptive Attention Joint Source Channel Coding for Enhanced Image Transmission in Wireless Vehicular System
Manuscript submitted for publication in <em>IEEE Transactions on Vehicular Technology</em>.</p>

<h3 id="2023">2023</h3>
<p>1.Y. Liang, <strong>H. Chang</strong>, L. Ma and D. Qin, “Optical Fiber Pavement Blind Guiding Method Based on Distributed Optical Fiber Vibration Sensing,” GLOBECOM 2023 - 2023 IEEE Global Communications Conference, Kuala Lumpur, Malaysia, 2023, pp. 6481-6486, doi: 10.1109/GLOBECOM54140.2023.10437520. (CCF-C, selected as <strong>TOP-tier</strong> conference by HIT)</p>


</div>

md正常写就可以

3.坑:

3.1:图片显示不出,github只会支持根目录,我原来使用相对目录的md语法,插入图片不行:

![test](./img/test.jpg)

html也不行:

<img src="../post_imgs/xv63.png"/>

上述两种方法在本地和github仓库内都能显示,但是在.io主页不能,改为:

<img src="/post_imgs/xv63.png"/>

3.2: post的命名规则

必须按照20xx-xx-xx-name.md命名,而且必须有:

---
layout: post
title: "Jerkll Mistake Record"
date: 2024-11-21
---

来规定版面


Build with Jekyll and true minimal theme