edmondyip

    data: {
        return {
            opacity: 50
        }
    },
    methods: {
      convertHex: function (color) {
        color = color.replace('#', '')
        let r = parseInt(color.substring(0, 2), 16)
        let g = parseInt(color.substring(2, 4), 16)

edmondyip

<template>
  <svg width="100%" x="0px" y="0px" id="background-svg" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 720 480"
    preserveAspectRatio="none">
    <g v-for="svg in svgList" :id="svg.name" style="display: none" :key="svg.id">
      <path v-for="svgPath in svg.path" :d="svgPath" :key="svgPath.id" />
    </g>
  </svg>
</template>

edmondyip

<script>
  import SVGMorpheus from "@/assets/svg-morpheus"
</script>

edmondyip

<script>
  import SVGMorpheus from "@/assets/svg-morpheus"
  export default {
    data: function () {
      return {
        target: this.$route.name,
        svgBg: null,
        svgList: [{
          name: 'home',
          path: ['M260,341V141H460V341Z']

edmondyip

<script>
    methods: {
      change: function () {
        this.svgBg.to(this.target)
      }
    }
</script>

edmondyip

<script>
    mounted: function () {
      this.svgBg = new SVGMorpheus('#background-svg', {duration: 600, easing: 'circ-in', rotation: 'counterclock' })
      this.target = this.$route.name
      this.change()
    }
</script>

edmondyip

version: '2'                                  # docker-compose 的版本
services:                                     # 以下就是服務，可以同時存放多個服務，運行時會一個個啟動
  ghost:                                      # service 的名，你可以改成任何不重覆的名稱
    image: ghost:1.24.9-alpine                # image 的版本，這裡我用了ghost v1.24.9 的輕量版
    container_name: 256pages-blog             # container 的名，在 docker 中都會見到這個而不是 service name
    restart: always                           # 如果重新開機會自動重啟
    ports:                                    # 把 ghost 的 port 2368 mount 到 8080，8080 可以成其他
      - '8080:2368'
    volumes:                                  # 因為我本身有舊的 ghost，所以把 content mount 到 ./blog 這位置
      - './blog:/var/lib/ghost/content'

edmondyip

routes:

collections:
  /:
    permalink: /{slug}/ 
    template:
      - index

taxonomies:
  tag: /tag/{slug}/

edmondyip

routes:
  /news/:
    controller: channel
    filter: 'tag:news'
    data: tag.news

edmondyip

version: '2'

services:
  # Nginx Proxy Server, ports 都由他管理
  nginx-proxy:
    container_name: nginx-proxy
    image: jwilder/nginx-proxy
    restart: always
    ports:
      - "80:80"