hexo迁移hugo记录

# 用于构建和部署Hugo网站到GitHub Pages的示例工作流程

name: 发布Hugo网站到Pages

  

on:

  # 在目标为默认分支的推送上运行

  push:

    branches:

      - master  #要推送的仓库分支

  

  # 允许您手动从“Actions”标签运行此工作流程

  workflow_dispatch:

  

# 设置GITHUB_TOKEN的权限，以允许部署到GitHub Pages

permissions:

  contents: read

  pages: write

  id-token: write

  

# 仅允许一个并发部署，跳过在进行中的运行与最新排队的运行之间排队的运行。

# 但是，请不要取消进行中的运行，因为我们希望这些生产部署能够完成。

concurrency:

  group: "pages"

  cancel-in-progress: false

  

# 默认使用bash

defaults:

  run:

    shell: bash

  

jobs:

  # 构建作业

  build:

    runs-on: ubuntu-latest

    env:

      HUGO_VERSION: 0.143.1  #Hugo版本

    steps:

      - name: 安装Hugo CLI

        run: |

          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \

          && sudo dpkg -i ${{ runner.temp }}/hugo.deb          

      - name: 安装Dart Sass

        run: sudo snap install dart-sass

      - name: 检出

        uses: actions/checkout@v4

        with:

          submodules: recursive

          fetch-depth: 0

      - name: 设置Pages

        id: pages

        uses: actions/configure-pages@v3

      - name: 安装Node.js依赖

        run: "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true"

      - name: 使用Hugo构建

        env:

          # 为了与Hugo模块的最大向后兼容性

          HUGO_ENVIRONMENT: production

          HUGO_ENV: production

        run: |

          hugo \

            --gc \

            --minify \

            --baseURL "${{ steps.pages.outputs.base_url }}/"          

      - name: 上传构建产物

        uses: actions/upload-pages-artifact@v2

        with:

          path: ./public

  

  # 部署作业

  deploy:

    environment:

      name: github-pages

      url: ${{ steps.deployment.outputs.page_url }}

    runs-on: ubuntu-latest

    needs: build

    steps:

      - name: 部署到GitHub Pages

        id: deployment

        uses: actions/deploy-pages@v2
复制

{{- $iconName := (string .Post) -}}
{{- partial "utils/icon.html" (dict "$" $ "name" $iconName "class" .Identifier) -}}
复制

.post {
    p {
        margin: 1em 0;
    }
复制

{{ if .Site.Params.enableimgloop }}

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css">

    <!-- Swiper -->

    <div class="swiper-container">

        <div class="swiper-wrapper">

            {{$itItems := split (.Get 0) ","}}

            {{range $itItems }}

            <div class="swiper-slide">

                <img src="{{.}}" alt="">

            </div>

            {{end}}

        </div>

        <!-- Add Pagination -->

        <div class="swiper-pagination"></div>

    </div>

  

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>

     <!-- Initialize Swiper -->

     <script>

        var swiper = new Swiper('.swiper-container', {

            pagination: '.swiper-pagination',

            paginationClickable: true,

        //自动调节高度

        autoHeight: true,

        //键盘左右方向键控制

        keyboardControl : true,

        //鼠标滑轮控制

        mousewheelControl : true,

        //自动切换

        //autoplay : 5000,

        //懒加载

        lazyLoading : true,

        lazyLoadingInPrevNext : true,

        //无限循环

        loop : true,

        });

        </script>

{{ end }}
复制

{{- if .IsNamedParams -}}

<div class="frienddiv">

  <a target="_blank" href={{ .Get "url" }} title={{ .Get "name" }} class="friendurl">

    <div class="frienddivleft">

      <img class="myfriend" src={{ .Get "logo" }} />

    </div>

    <div class="frienddivright">

      <span class="friendname">{{- .Get "name" -}}</span>

      <span class="friendinfo">{{- .Get "word" -}}</span>

    </div>

  </a>

</div>

{{- end }}
复制

<h2>{{.Get 0}}</h2>
<audio controls autoplay loop  preload="none" src="{{.Get 0}}">
    <p>Your browser does not support the <code>audio</code> element.</p>
</audio>
复制

<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
复制

    <meting-js
            name="song name"
            artist=" "
            url="/music/musci.mp3"
            cover="/images/song_cover.png"
            theme="#A52A2A"
            mini="true">
    </meting-js>
复制

{{$scratch := newScratch}}
        {{ range (where .Site.RegularPages "Type" "posts") }}
        {{$scratch.Add "total" .WordCount}}
        {{ end }}
        {{$var := $scratch.Get "total"}}
        {{$var = div $var 100.0}}
        {{$var = math.Ceil $var}}
        {{$var = div $var 10.0}}

<footer>
    <p>匣子里共有 {{$var}}k 字</p>
</footer>
复制

{{- $raw := (markdownify .Inner | chomp) -}} {{- $block := findRE

"(?is)^<(?:address|article|aside|blockquote|canvas|dd|div|dl|dt|fieldset|figcaption|figure|footer|form|h(?:1|2|3|4|5|6)|header|hgroup|hr|li|main|nav|noscript|ol|output|p|pre|section|table|tfoot|ul|video)\\b"

$raw 1 -}}

<div class="mycard">

  <div class="content">{{- if or $block (not $raw) }}{{ $raw }}{{ else }} {{ $raw }} {{ end -}}</div>

</div>
复制

<div class="quote-center">

    {{- $content := .Inner | markdownify -}}

    {{- if not (strings.HasPrefix $content "<p>") }}

      {{ printf `</p><p>%s</p>` $content | safeHTML }}

    {{- else }}

      {{- $content }}

    {{- end -}}

  </div>
复制

//彩色文字样式

   .colorfulfont {

    background: linear-gradient(to right, rgb(117, 9, 9), #6a6d83);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

  }

// 卡片样式

.mycard {

  padding: 10px 20px;

  margin: 20px 0;

  border-radius: 4px;

  word-break: break-all;

  background: transparent;

  box-shadow: 0 6px 10px 0 alpha(var(--color-contrast-high), 0.15);

  .content {

    line-height: 30px;

  }

}

//诗句引用样式

.quote-center {

  background-color:transparent!important;

  position: relative;

  border-left: none;

  padding-left: 0;

  padding: 20px!important;

  border-radius: 5px!important;

  border-top: 0px solid var(--color-markdown-blockquote-border);

  border-bottom: 0px solid var(--color-markdown-blockquote-border);

  p {

    text-align: center !important;

    margin-top: 1.5em!important;

    margin-bottom: 1.5em!important;

    font-weight: lighter;

  }

  &::before {

    position: absolute;

    left: 0;

    content: '– ‐‐——– ‐‐——';

    font-size: 0.75em;

    font-weight: lighter;

    margin-top: -0.5em;

  }

  &::after {

    position: absolute;

    right: 0;

    content: '– ‐‐——– ‐‐——';

    font-size: 0.75em;

    font-weight: lighter;

    margin-top: -0.5em;

  }

}

//自设定卡片式边缘

.circle-black {

  padding: 40px 25px 50px;

  border: solid 1px ;

  margin-bottom: 12px;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: center;

}
复制