Add course block with Pods


Add a permalink to faculties’ portrait.

<a href="{@permalink}">faculties' portrait</a>


Move the Pods style to Customizing Additional CSS:

/* Pods style */
/* ---homepage professor--- */
	.f-professor-name-small-screen-padding {
			padding-top: 32px;

@media (max-width: 782px){
	.f-homepage-professor-figure {
		margin: auto;
	.f-pod-small-screen-text-algin-center {
		text-align: center;
	.f-professor-mail-algin-center {
		justify-content: center;
	.f-professor-name-small-screen-padding {
		padding-top: 0;

Update the footer middle block style to fit the responsive layout.

/* footer F space */
@media (max-width: 782px){
.f-design-footer {
	margin-left: 1.2rem;
	text-align: left;


/* 取消H强制大写 */

h1, h2, h3, h4, h5, h6 {
	text-transform: none;


footer optimizing for align start with copyright.

/* footer freezhao space */
.f-design-by-footer {
	margin-left: 1.2rem;



/* smooth move */
html {
  scroll-behavior: smooth;

@media (prefers-reduced-motion: reduce) {
    scroll-behavior: auto;

How to add Scroll Offset

Add a bit of margin to your scroll targets so they aren’t stuck to the very top of the screen.

/* offset of 50 pixels for any element with an ID attribute */

*[id] {
    scroll-margin-top: 50px
} Code language: CSS (css)

Alternatively, you could just target specific elements with an ID. Like this:

/* set a scroll offset for any H2 or H3 element with an ID */

h2[id], h3[id] {
    scroll-margin-top: 50px
} Code language: CSS (css)


pods 想要不换行,不显示,自动添加标签,可以利用这个方法:

The magic tag format is


So, If you don’t have a help, just leave that position blank.

For example, you will print your content field inside a container div element if the field has data, else, do nothing you code will be like this:

{@content,,<div class=”item-container”>,</div>}

[if] [/if]相关解释:https://docs.pods.io/displaying-pods/template-tags/if-conditional-tag/#page-header-1347