質問編集履歴

1

追記

2020/10/28 08:24

投稿

pochi-chan
pochi-chan

スコア4

test CHANGED
File without changes
test CHANGED
@@ -24,11 +24,19 @@
24
24
 
25
25
 
26
26
 
27
- 1つの template.html から o_0001.html、o_0002.html、o_0003.html、o_0010.html、o_0011.html のように生成したいです。
27
+ 1つの template.html から o_0001.html、o_0002.html、o_0003.html、o_0010.html、o_0011.html のように複数のファイルを生成したいです。
28
-
28
+
29
- そこで、下記コードを作成したところまではいいのですが、あとどうすればいいのか調べてもわかりませんでした
29
+ そこで、下記コードを作成したところまではいいのですが、**上記ように生成するには、contentフォルダに置く index.md をのよに書けばいいのかわかりません。**
30
-
30
+
31
- 書き出されるhtmlのファイル名を「o_(onigiri.yamlのidの値)」にする方法もわからない状態です
31
+ **書き出されるそれぞれのhtmlのファイル名を「o_(onigiri.yamlのidの値)」にする方法もわかりません**
32
+
33
+ そもそも、下記のコードが合っているかもわからない状態です…。
34
+
35
+
36
+
37
+ 1つの /layouts/_default/template.html から複数のファイルを書き出すには書き出すhtml分だけの.mdファイルが必要になるのでしょうか??しかし、それだと自動生成する意味がないような気がします。
38
+
39
+ **コンテンツの内容 = template.html** なのですがそもそもの考え方が間違っているのでしょうか?
32
40
 
33
41
 
34
42
 
@@ -46,6 +54,8 @@
46
54
 
47
55
  <!-- template.html -->
48
56
 
57
+ {{ partial "header.html" . }}
58
+
49
59
  <body>
50
60
 
51
61
  <div class="container">
@@ -94,122 +104,124 @@
94
104
 
95
105
  </div>
96
106
 
107
+ {{ partial "footer.html" . }}
108
+
109
+
110
+
111
+ ```
112
+
113
+ ```yml
114
+
115
+ -
116
+
117
+ id: 0001
118
+
119
+ menu: うめぼし
120
+
121
+ -
122
+
123
+ id: 0002
124
+
125
+ menu: こんぶ
126
+
127
+ -
128
+
129
+ id: 0003
130
+
131
+ menu: しゃけ
132
+
133
+ -
134
+
135
+ id: 0010
136
+
137
+ menu: たらこ
138
+
139
+ -
140
+
141
+ id: 0011
142
+
143
+ menu: めんたいこ
144
+
145
+ ```
146
+
147
+ ### 完成イメージ
148
+
149
+ ```html
150
+
151
+ <!-- o_0001.html -->
152
+
153
+ <body>
154
+
155
+ <div class="container">
156
+
157
+ <div id="selected">
158
+
159
+ <!-- ①画像ファイル名の数字の部分をonigiri.ymlのidに置き換える -->
160
+
161
+ <img src="/images/o_0001.jpg">
162
+
163
+ </div>
164
+
165
+ <div id="selected-menu">
166
+
167
+ <ul class="onigiri">
168
+
169
+ <li class="menu">おにぎり</li>
170
+
171
+ <!-- ②onigiri.ymlのmenuの値を挿入する -->
172
+
173
+ <li class="menuName">うめぼし</li>
174
+
175
+ </ul>
176
+
177
+ <div class="onigiriConts">
178
+
179
+ <ul class="onigiri-menu">
180
+
181
+ <!-- ③画像ファイル名の数字の部分をonigiri.ymlのidの上から順番に挿入した一覧のリストを作る -->
182
+
183
+ <li>
184
+
185
+ <img src="/images/o_0001.jpg">
186
+
187
+ </li>
188
+
189
+ <li>
190
+
191
+ <img src="/images/o_0002.jpg">
192
+
193
+ </li>
194
+
195
+ <li>
196
+
197
+ <img src="/images/o_0003.jpg">
198
+
199
+ </li>
200
+
201
+ <li>
202
+
203
+ <img src="/images/o_0010.jpg">
204
+
205
+ </li>
206
+
207
+ <li>
208
+
209
+ <img src="/images/o_0011.jpg">
210
+
211
+ </li>
212
+
213
+ </ul>
214
+
215
+ </div>
216
+
217
+ </div>
218
+
219
+ </div>
220
+
97
221
  </body>
98
222
 
99
223
  ```
100
224
 
101
- ```yml
102
-
103
- -
104
-
105
- id: 0001
106
-
107
- menu: うめぼし
108
-
109
- -
110
-
111
- id: 0002
112
-
113
- menu: こんぶ
114
-
115
- -
116
-
117
- id: 0003
118
-
119
- menu: しゃけ
120
-
121
- -
122
-
123
- id: 0010
124
-
125
- menu: たらこ
126
-
127
- -
128
-
129
- id: 0011
130
-
131
- menu: めんたいこ
132
-
133
- ```
134
-
135
- ### 完成イメージ
136
-
137
- ```html
138
-
139
- <!-- o_0001.html -->
140
-
141
- <body>
142
-
143
- <div class="container">
144
-
145
- <div id="selected">
146
-
147
- <!-- ①画像ファイル名の数字の部分をonigiri.ymlのidに置き換える -->
148
-
149
- <img src="/images/o_0001.jpg">
150
-
151
- </div>
152
-
153
- <div id="selected-menu">
154
-
155
- <ul class="onigiri">
156
-
157
- <li class="menu">おにぎり</li>
158
-
159
- <!-- ②onigiri.ymlのmenuの値を挿入する -->
160
-
161
- <li class="menuName">うめぼし</li>
162
-
163
- </ul>
164
-
165
- <div class="onigiriConts">
166
-
167
- <ul class="onigiri-menu">
168
-
169
- <!-- ③画像ファイル名の数字の部分をonigiri.ymlのidの上から順番に挿入した一覧のリストを作る -->
170
-
171
- <li>
172
-
173
- <img src="/images/o_0001.jpg">
174
-
175
- </li>
176
-
177
- <li>
178
-
179
- <img src="/images/o_0002.jpg">
180
-
181
- </li>
182
-
183
- <li>
184
-
185
- <img src="/images/o_0003.jpg">
186
-
187
- </li>
188
-
189
- <li>
190
-
191
- <img src="/images/o_0010.jpg">
192
-
193
- </li>
194
-
195
- <li>
196
-
197
- <img src="/images/o_0011.jpg">
198
-
199
- </li>
200
-
201
- </ul>
202
-
203
- </div>
204
-
205
- </div>
206
-
207
- </div>
208
-
209
- </body>
210
-
211
- ```
212
-
213
225
 
214
226
 
215
227
  ### 補足情報